26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Продолжаем пятничную рубрику, где дизайн-студии делятся своими референсами. Сегодня контент подготовили дизайнеры из агентства ONY. Передаем им слово:
Как сайт может стать отражением экспертности агентства?
Вот отличный пример — сайт 28К. Этот проект показывает, как метафоры, микровзаимодействия и качественная адаптивность подчеркивают внимание к деталям.
На сайте использована метафора циферблата/времени, которая выполняет функцию навигации. Благодаря этому подходу анимация не только увлекает пользователя, но и погружает его в проекты агентства, создавая целостное впечатление.
Стоит также отметить высокий уровень реализации адаптивной версии. Мобильная версия отличается лаконичностью и простотой, даже превосходя десктопную по удобству. При сложных анимациях навигация остается интуитивно понятной, а пользовательский путь — максимально комфортным.
Этот сайт — отличный пример того, как можно смело экспериментировать с дизайном, не жертвуя при этом удобством и юзабилити.
https://28k.studio/
БАЗА ЗНАНИЙ ДИЗАЙНЕРА
Илья Сидоренко (дизайнер с опытом более 10 лет и автор бестселлера «Дизайнер интерфейсов») создал бесплатную базу знаний для дизайнера.
Что в базе:
+ как найти работу в продукте (пошаговая стратегия)
+ навыки, без которых не будет роста в профессии
+ советы по оформлению портфолио и резюме
+ 10 методов повышения дохода
+ 9 принципов успешного собеседования
+ обновления каждый месяц
База знаний доступна в закрепленом сообщении канала Ильи «Дизайнер будущего».
Подписывайтесь на канал, изучайте Базу и применяйте. А если останутся вопросы – пишите лично Илье, он всегда готов поделиться опытом или советом.
Реклама. Сидоренко И. А., ИНН: 503013064674, erid: 2VtzqwMLSdN
Единственный сайт для AI-продукта, где звёздочки оправданы, ведь фон выглядит как космос, а в блоке с обзором функционала летит комета вместо скроллбара. Снова похвалю за интерактивные элементы, это всегда радует. Ещё нравится идея с тем, чтобы наглядно показать как меняется результат в зависимости от промта. Ну, и в финале очень красивый эффект со звёздочками и очень плавной анимацией.
〰️
The only site for an AI product where asterisks are justified, because the background looks like space, and a comet flies in the block with an overview of the functionality instead of a scrollbar. I will praise you again for the interactive elements, it always pleases. I also like the idea of visually showing how the result changes depending on the product. Well, in the final there is a very beautiful effect with asterisks and very smooth animation.
http://dora.run/ai
Очень порадовало портфолио этой студии. Здесь отлично сочетается «душа и техника» из известного спора. Сайт потрясающе технически выполнен — проработанная 3D-графика, хорошая оптимизация. Одновременно с этим он очень фановый. Сначала я просто улыбался, цепляясь глазами за пасхалки, а потом включил звук и меня окончательно порвало, потому что в качестве саунд-дизайна здесь музыка из мема «ГОЛОСОВАНИЕ». В общем, тот случай, когда форма говорит за содержание. Даже не заходя в кейсы ты понимаешь, что эти ребята горят своим делом.
〰️
I was very pleased with the portfolio of this studio. It perfectly combines the "mentally and technically" of the famous dispute. The site is stunningly technically executed — detailed 3D graphics, good optimization. At the same time, he is very much a fan. At first I just smiled, clinging to Easter eggs with my eyes, and then I turned on the sound and I finally burst out laughing, because as a sound design here is music from a meme from CS 1.6. In general, this is the case when the form speaks for the content. Even without going into the cases, you realize that these guys are burning with their job.
https://sirena.team/
Бесплатный интенсив по UX/UI — 4 дня практики с наставником школы UPROCK.
Мощная прокачка и уникальный формат обучения:
— Старт в любое время, никаких потоков.
— Только практические задания без воды и проекты в ваше портфолио.
— Индивидуальный подробный разбор каждой домашки в видеоформате.
— Качественная проверка работ: вам не скажут, что все хорошо, если все плохо.
А также полезнейшие бонусы для старта вашей карьеры:
— Подарок сразу после регистрации.
— Большие лекции по теории дизайна от арт-директора.
— Секретные ресурсы и комьюнити.
— Бесплатный доступ к флагманскому платному курсу «Tilda-дизайнер»
🔥 Начать учиться
Реклама.
ИП Кузьмин Евгений Леонидович
ИНН 634502641730
erid: 2VtzqwrvTm1
Иллюстрации, которые вам понравятся
Игра для Альфа-Инвестиции от REBOOT STUDIO, которая поможет вам вдохновиться на создание новых проектов.
Поиграть можно тут (лучше с мобильного): https://invest.rebooot.me
Реклама. ИП Солдатов Александр Андреевич ИНН 780443776385 erid: 2VtzqxFDZTu
Дизайнеры из ❤️ pinkman 200 дней подряд выкладывают новые 3D в своем канале
Целятся минимум в 365, но скорее всего их будет больше. Ещё ребята делятся процессом и рассказывают про свои кейсы в 3D и моушне для крупнейших компаний.
Подписывайтесь, чтобы ничего не пропустить
Стартовала предзапись на онлайн-конференцию D!CONF
Платформа для дизайнеров DSGNERS! запускает предзапись на большую онлайн-конференцию, которая создаст образовательный хаб цифровых и графических дизайнеров из России и зарубежья.
Конференция пройдет 14-18 октября, в программе:
— Выступления 15 звезд цифрового и графического дизайна
— Интерактивные форматы с ведущим в перерывах между выступлениями
— Нетворкинг с единомышленниками
— Q&A со спикерами
Уже сейчас можно оставить почту, чтобы в числе первых узнать о старте регистрации и стать участником D!CONF по самой низкой цене.
→ Оставить почту
Яркий проект. Очень нравятся градиентные фоны, смелая крупная типографика и нестандартные композиционные приёмы, которые присущи больше графическому дизайну, нежели вебу. Похвалю за обилие интерактивных элементов. Сайт хочется изучать до мелочей, пытаясь найти все-все детали.
〰️
A bright project. I really like gradient backgrounds, bold large-scale typography and non-standard compositional techniques that are inherent more in graphic design than the web. I would like to praise you for the abundance of interactive elements. I want to study the site to the smallest detail, trying to find all the details.
https://whimsical.com
Дизайнеры, Прагматика зовет вас прокачать интерфейсный UI вместе.
На 14 встречах, вы и лиды студии, рисуете в портфолио 6 проектов от продуктовых команд. Нам уже прислали задачи: Вконтакте, Иви, Сбербанк, Циан, Яндекса Алиса и другие.
У нас нет лекций, спикеров, домашек и видеокурсов, мы рисуем вместе с вами. Только рисовалка – только хардкор. Больше 30 часов чистой практики. Для джунов (+) и мидлов.
На сайте можно посмотреть программу, метод работы, отзывы участников и их работы.
В сентябре уже старт. Осталось 6 мест.
Купить билеты и узнать о проекте можно здесь.
Реклама.
ИП Федоренко Илья Дмитриевич
ИНН 667017654626
erid: 2VtzqvE2ytq
Как повысить свою ценность на рынке или сменить работу? Пройти новый курс от Практикума: наши студенты уже решили задачи для Заправок, Плюса и Маркета и добавили эти проекты в своё резюме.
Вы узнаете, из чего состоит продуктовый цикл и как дизайн-решения влияют на бизнес, а также научитесь влиять на метрики и эффективно общаться с командой и стейкхолдерами.
Присоединяйтесь!
Отличный пример того, как можно эффектно презентовать не очень эффектные вещи. Здесь мог быть простенький типовой лендинг в эппловском стиле с обзором нововведений. Но ребята решили, что это слишком скучно и сделать космический 3D-лендинг, который оставит впечатление даже на случайно попавшего сюда зрителя. Отдельно хочу выделить эффект стеклянного отражающего "пола", который добавляет сказочности.
〰️
A great example of how you can effectively present not very spectacular things. There could be a simple standard Apple-style landing page with an overview of innovations. But the guys decided that it was too boring and made a 3D space landing page that would leave an impression even on a viewer who accidentally got here. Separately, I want to highlight the effect of a glass reflective "floor", which adds fabulousness.
https://beta.stripe.dev/
Новый кейс дизайн-студии «Луч»🛒
Сделали классный, удобный и понятный карьерный сайт для Авито
• Доработали UX и разработали дизайн-концепцию
• Создали более 10 лендингов с улучшенными инструментами поиска и отклика на вакансии
• Написали тексты интерфейсов и провели SUS-исследование
Сам кейс можно посмотреть здесь
Реклама.
ИП Лучинин Евгений Павлович
ИНН 434540958229
erid: 2Vtzqx4tQc4
Очень понравился экран загрузки и hero-блок. С самого начала ты остаёшься под впечатлением и тебя уже не волнует, что последующие блоки выглядят достаточно однообразно, хотя работа с сеткой и типографикой неплохая. Мне нравится, что веб-дизайнеры начинают отходить от линейности, делая вёрстку более «журнальной». Это новый смелый тренд и пока что такое делают не все подряд.
А вот к чему я бы придрался, так это к оптимизации. Сайт натурально лагает. Я три раза перезаписывал скринкаст из-за того, что анимация дёргалась. Скорее всего это из-за обилия высококачественных видео, без которых продукту для работы с видео, конечно, никуда.
〰️
I really liked the loading screen and the hero block. From the very beginning, you remain under the impression and you no longer care that the subsequent blocks look quite monotonous, although the work with the grid and typography is not bad. I like that web designers are starting to move away from linearity, making the layout more "magazine-like". This is a bold new trend and so far not everyone is doing it.
But what I would find fault with is optimization. The site is naturally lagging. I rewrote the screencast three times because the animation was twitching. Most likely, this is due to the abundance of high-quality videos, without which the product for working with videos, of course, is nowhere.
https://lumalabs.ai/dream-machine
Узнайте тренды и инсайты от лидеров дизайн-индустрии на D!CONF
С 14 по 18 октября пройдёт D!CONF — онлайн-конференция, которая стремится создать образовательный хаб для цифровых и графических дизайнеров из России и зарубежья.
D!CONF продлится 5 дней, а Александр Ковальский, Юрий Гордон, Евгений Яровой, Егор Голополосов и ещё 11 звёздных спикеров выступят с лекциями на волнующие темы, проведут мастер-классы и Q&A.
Конференция будет полезна для всех:
— Новичкам, которые в начале своего пути хотят получить хорошую базу и узнать, на кого стоит равняться в индустрии.
—Специалистам, которые хотят укрепить базу и выйти на новый уровень в профессии.
—Профессионалам, которые соскучились по сложным темам и хотят узнать, куда двигаться дальше.
Темы выступлений, список спикеров и билеты по начальной цене можно найти на сайте конференции по ссылке ниже.
→ Присоединиться к D!CONF
Universal University // Место, где исполняются мечты о профессии в искусстве и дизайне
Путь к творческой профессии начинается в бакалавриате Universal University и Британской высшей школы дизайна. Здесь готовят будущих художников, дизайнеров и представителей креативных индустрий.
Бакалавриат по искусству и дизайну — это больше, чем учёба. Это комьюнити творческих, целеустремленных и заряженных людей. Это современные прикладные знания, возможность самовыражения и исполнение мечты.
Сегодня пятница, а значит, пост пишут дизайнеры из ведущих российских студий.
В этот раз у нас в гостях Сабина Машкова, дизайнерка Pragmatica. Передаём ей слово.
Сегодня хочу показать сайт Токийского дворца — центра современного искусства в Париже. Первое, что привлекает внимание — классический монохром. Это частый выбор для сайтов культурных институций, где важно сосредоточить внимание на работах. На сайте Tokyo de Palais белая типографика на чёрном фоне сразу погружает и вовлекает.
На главной странице — переливающийся 3D-шар. Можно нажимать на него, меняя цвета. Визуальные элементы включают множество фотографий и работ, которые представлены на выставке. Особенно интересная функция «eco mode» — которую можно включить, чтобы не загружать весь визуальный контент. Классная функция для тех, у кого медленный интернет.
Типографика здесь смелая: Gaffer напоминает иероглифы в жирном начертании, а наборный текст выполнен геометричным шрифтом Silka. Это отличное сочетание, шрифты гармонично сосуществуют. Обычно на сайтах культурных институций типографика тоньше, но здесь дерзость только привлекает внимание.
В целом, при прокрутке, я ощущаю дух свободы, дерзости и лёгкой неидеальности — и это прекрасно!
Меня очень зацепил этот проект в первую очередь тем, как умело он анимирован, как сделаны переходы и фоны. Яркие, геометричные формы на фоне очень хорошо дополняют крупные типографические блоки, при этом не перебивая внимание на себя. Типографика здесь в целом очень сильная, но при всей своей эксперементальности, не отходит от швейцарских канонов. Эксперементальность можно заметить и в навигации: она находится сбоку и развёрнута на 90 градусов, что, при этом, не мешает считыванию. И отдельно хочется подметить очень приятную анимацию закрытия у бургер-меню.
〰️
I was very hooked on this project, first of all, by how skillfully it is animated, how transitions and backgrounds are made. Bright, geometric shapes on the background complement large typographic blocks very well, while not interrupting attention to themselves. The typography here is generally very strong, but for all its experimentation, it does not depart from the Swiss cantons. Experimentation can also be seen in navigation: it is located on the side and rotated 90 degrees, which, at the same time, does not interfere with reading. And separately, I would like to note the very pleasant closing animation of the burger menu.
https://c2montreal.com/
Здесь минималистичный швейцарский стиль очень хорошо соединяется крайне качественным 3D и крупными буквами в интерактивных объектах. Нравится как реализовали хиро-блок. Сайт «включается» вместе с пользователем: зажигается верхний свет, загораются лампочки, появляются детали.
В целом здесь всё очень аккуратно и правильно, но не скучно. Просто технично и лаконично. Ощущение, что всё именно так, как и должно быть.
〰️
Here, the minimalist Swiss style is very well combined with extremely high-quality 3D and large letters in interactive objects. I like how the hero block was implemented. The site "turns on" together with the user: the overhead light turns on, the bulbs light up, details appear.
In general, everything here is very neat and correct, but not boring. Simply technical and laconic. The feeling that everything is exactly as it should be.
https://www.intrepidautomation.com/
Дизайнеров в продуктовых командах не воспринимают всерьёз, потому что они совершают три ошибки:
1. Работают как руки. Просто берут и делают задачки, не пытаются разобраться, зачем они нужны и какая конечная цель.
2. Аргументируют решения «по-дизайнерски». «Это красиво», «так сейчас в тренде», «это на Behance все так делают».
3. Не разбираются в структуре команды. Не знают, кто за что отвечает, не работают с кем надо, неправильно презентуют свою работу, задают не те вопросы не тем людям.
Завтра, 5 сентября, в 19:00 по мск Миша Розов проведет воркшоп «Как дизайнеру быть ценным и влиять на решения в продуктовой команде», где расскажет:
— Как дизайнер может участвовать в принятии решений.
— Что нужно знать и уметь, чтобы разбираться в продукте.
— Как развивать эти навыки: конкретно и на примерах.
Почему Миша может рассказывать про продуктовый дизайн и работу в продуктовой команде?
Миша основал топ3-студию pinkman. За 7 лет студия заработала больше 1 миллиарда рублей. Клиенты студии — Британская Школа Дизайна, BestDoctor, Нетология, Яндекс, Mercedes, Nike, Skoda, McDonald’s, СберБанк, ВТБ и др.
Основал WANNABE и передал свой опыт и навыки >2000 человек.
→ Зарегистрироваться и пойти завтра
Реклама.
ИП Розов Михаил Борисович
ИНН 772160747180
erid: 2VtzqvEZV4i
8 бесплатных консультаций от топов рынка дизайна
Розыгрыш от 4 авторов, лидеров индустрии. Наши каналы — не унылая подборка новостей и статей, а личная история с авторским контентом. От каждого по 2 часовых личных сессий — поможем решить твою проблему
Подпишись на 4 канала, чтобы получить личную консультацию
Розыгрыш состоиться уже через неделю
1. Воркель 🧢 | Дизайн и продукт — Влад Воркель. старший дизайнер в Авито, ex Яндекс, основатель InternSheep
2. Скопин | dsgn — Илья Скопин, дизайн директор в Яндекс Путешествиях
3. Дизайн-комьюнити — Антон Черногоров, совладелец и дизайн-директор Crauch
4. FAANG+ Careers — Женя Трофимов, дизайн-менеджер в одной из компаний FAANG в Лондоне
Нажми «Участвовать в розыгрыше» снизу поста
И дождись 8 сентября — в 18:00 беспристрастный бот разыграет 8 консультаций
Ты получишь качественные каналы и высокий шанс созвониться с одним из нас)
Не упусти эту возможность
Участвовать в розыгрыше
Участвовать в розыгрыше
Удачи и до встречи)
Реклама.
ИП Воркель Владислав Михайлович
ИНН 232008767631
erid: 2VtzqwTBxA2
Примите участие в конкурсе «Рейтинг Рунета» по старой цене
3 сентября один из главных диджитал-конкурсов поднимет стоимость подачи проектов — сайтов и мобильных приложений.
— Стоимость первой: 12.000 ₽ → 15.000 ₽
— Второй заявки или номинации: 8.000 ₽ → 10.000 ₽
В конкурсе могут принять участие любые компании и проекты. Для больших агентств победа — это способ оставаться топами, а для маленьких студий — возможность заявить рынку о себе и получить хорошие заказы.
→ Участвовать в конкурсе Рейтинг Рунета
Коллеги из студии Salt and Pepper недавно релизнули себе новый сайт. Меня здесь зацепила интересная работа с сеткой и анимация карточек, похожая чем-то на старый интерфейс iPod. Ещё нравится форма обратной связи, которую можно вызвать из любого места и которая как бы общается с тобой, помогая составить письмо. Ну и первый блок тоже залипательный.
〰️
Colleagues from the Salt and Pepper agency recently launched a new website for themselves. I was hooked here by the interesting work with the grid and the animation of the cards, which is somewhat similar to the old iPod interface. I also like the feedback form, which can be called from anywhere and which, as it were, communicates with you, helping to compose a letter. Well, the first block is also sticky.
https://snp.agency/
🔥 Тебя ждут кураторы на обучение по дизайну в live формате. Все бесплатно и с подробным разбором любого вопроса + море кейсов.
Загляни в школу дизайна Yudaev School, где более 7000 студентов получили профессиональные навыки и рекомендуют курсы новичкам.
Студенты находят первых заказчиков уже во время учёбы, а к выпускному составляют конкурентное портфолио!
Сейчас школа предлагает профессиональный бесплатный курс по дизайну с поддержкой личного куратора, где за 5 дней вы создадите 4+ кейса в портфолио.
Внутри:
— работа в Figma с нуля
— личный разбор каждого ДЗ от куратора
— 4+ работы в портфолио
— мастер-класс «Как заработать на дизайне в 2024 г. и найти клиентов» от фрилансера-миллионера
— уроки по анимации в интерфейсе
— чат с 18 000 единомышленников
🎁 Забронировать место и начать учебу сегодня
Реклама.
ИП Лукин Константин Вячеславович
ИНН 503820900907
erid: 2VtzquX88QD
Постоянно развиваетесь в маркетинге и ищете новые инструменты для теста гипотез?
Попробуйте Craftum — это простой и удобный конструктор для создания лендингов, сайтов и интернет-магазинов. Я за годы работы испробовал множество сервисов и однозначно рекомендую Craftum.
Почему именно его?
1. Это российский конструктор, который всегда рядом: для оплаты не нужно искать зарубежные карты 💳
2. Цена просто поражает — всего от 199 рублей в месяц, доступен бесплатный период в 10 дней. А по промокоду МАРКЕТИНГ вы получите ещё 30 дней бесплатного триала 🤩 После регистрации напишите его в техподдержку.
3. Более 320 шаблонов и блоков, позволяющих быстро запустить сайт без лишних трат на программистов 💻
4. Приятные бонусы: круглосуточная поддержка, высокая скорость загрузки сайт и возможность воплотить любую идею в дизайн-блоке 🎨
Короче говоря, если вы ищете надёжный и простой способ создать сайт, Craftum — ваш идеальный выбор!
А ещё у ребят есть канал в Телеграме, где они делятся полезными материалами по созданию сайтов, веб-дизайну, маркетингу и многому другому — подписывайтесь!
🆘 срочно разыскиваются дизайнеры, у которых есть готовый кейс в портфолио, но он не готов к публикации на бехансе
зачем? завтра открытая практика от жени ярового и степы иванова из прагматики. будем делать кейсы на беханс.
оставляйте заявку — https://forms.gle/EC7yGBEzAhTghGHu8 — а мы отеберем участников и добавим всех в чат.
встречаемся завтра в фигме в 19:10. кстати, еще можно просто придти на эфир и послушать советы по созданию кейсов на беханс
Сегодня пятница, а значит, сегодня контент для вас готовят топовые дизайн-студии. Сегодня у нас в гостях агентство SALT AND PEPPER. Передаём им слово:
Привет, в этот раз посмотрим на сайт студии Unseen. В глаза бросается «глубина» за счёт 3D-пространства и использования трёх координатных осей при навигации. Также отметим органическое поведение сайта, имитирующее воду. Вместе с эмбиентовой музыкой оно создает спокойный муд, который настраивает на размеренное и вдумчивое знакомство.
Нам понравилось взаимодействие курсора с поверхностью воды и другими элементами. Эта рябь уже стала распространенным эффектом в таких сайтах, но в случае Unseen это не просто приколюха — она поддерживает тему сайта. Да и в 3D-пространстве этот прием встречается редко . Часто его используют, чтобы как раз добавить глубины 2D-контенту.
Ребята круто использовали 3D в свою пользу — переходы происходят бесшовно вплоть до страницы кейса. Если не задумываться, то можно и не понять, на какой ты странице. Впрочем, понятие «страница» весьма условное для такого иммерсивного экспириенса.
Переход в галлерею проектов вызывает сильный вау-эффект. Он достигается за счёт выверенной хореографии нескольких художественных приемов: «заныривающее» движение камеры вперед и вниз, искажение во время погружения, приглушение музыки в соответствии с физикой, пробивающиеся сквозь толщу воды солнечные лучи сверху, затемнение удаленных объектов, размеренное колыхание картинок, как будто это — лоскуты ткани или водоросли.
Страница кейса уже выглядит гораздо проще. На ней всё ещё много анимаций и микро-взаимодействий, которые поддерживают тему воды, но фокус уходит на текстовый и визуальный контент. У некоторых элементов нет «водяного» поведения, хотя оно там напрашивается. Возможно, тут на сцену выходит реальный мир — пришлось пойти на жертвы, чтобы сохранить быстродействие и плавность работы.
Сайт Unseen — это пример того, как технологии помогают раскрыть концепцию, а не сваливаются в эффекты ради эффектов. Каждый пиксель выверен и оптимизирован, у каждого элемента своя роль.