🍐 Еженедельный дизайн-дайджест: сайты с характером

Иногда достаточно убрать логотип — и сайт становится сложно отличить от десятка других. А иногда бренд узнается буквально в каждой детали: в кнопках, анимации, движении текста и даже в том, как открывается новый экран.

На этой неделе смотрели как раз такие проекты. Очень разные по стилю и задачам, но каждый со своим визуальным языком.

▌Что особенно зацепило:

🔴 Butter — когда сайт говорит на языке самого продукта

Платформа для создания и редактирования видео, поэтому движения здесь ожидаемо много:
• уже в хиро встречает анимированный брелок с фирменными элементами;
• при наведении на карточки меняется стиль текста;
• градиенты на тексте проявляются прямо во время скролла;
• приятный цвет фона работает как основа для всей яркой графики;
• отдельный лайк — большой и очень насыщенный деталями футер.

Здесь особенно нравится, что анимация не выглядит чужеродной: продукт создан для работы с движением — и сайт сам постоянно находится в движении.

🔴 Pear — груша, возведенная в абсолют 🍐

Сайт digital-компании, который местами больше напоминает арт-проект.
• хиро-блок при каждом открытии выглядит по-разному;
• груша становится полноценным фирменным символом и появляется в самых разных элементах;
• необычная анимация при переключении карточек;
• объемные 3D-инпуты;
• и футер, до которого определенно стоит долистать.

В итоге фирменный образ не ограничивается логотипом: вокруг одного символа построен целый визуальный мир. И его действительно хочется исследовать дальше.

🔴 Sentry — технический продукт без технически скучного сайта

Сервис для мониторинга ошибок и производительности приложений, но вместо привычного для B2B-инструментов интерфейса — довольно смелая визуальная подача.

• хиро сразу показывает характер бренда и при этом быстро объясняет продукт;
• внутри хедера спрятаны интересные hover-эффекты;
• отдельная находка — переключатель «без маркетинга», который буквально очищает страницу от маркетинговой подачи и оставляет только то, что важно разработчику.

Понравилось, как сложный developer-продукт показали на его собственном языке, но сделали это понятно и визуально интересно.

🔴 Rafael Cespedes — портфолио, которое можно рассматривать как интерфейс

• несколько способов просмотра проектов;
• возможность фильтровать работы и исследовать архив;
• интересная работа с сеткой и расположением проектов;
• минималистичный интерфейс, в котором главный акцент остается на самих работах.

Понравилось, что портфолио здесь показывает не только что сделал дизайнер, но и как он работает с визуалом и экспериментирует с digital.

🔴 Partizan — когда сами работы становятся интерфейсом

• крупные фото и видео становятся основой всего дизайна;
• интересная сетка и расположение контента;
• минимум лишних интерфейсных элементов;
• работы можно быстро смотреть одну за другой, не возвращаясь постоянно к каталогу.

Сайт почти не конкурирует с портфолио за внимание — наоборот, весь интерфейс построен так, чтобы главным визуалом оставались сами проекты.

✨ В этот раз особенно интересно было смотреть, как появляется узнаваемость. Где-то для этого достаточно одного символа, который проходит через весь сайт. Где-то характер создают движение и интерактив. А где-то — сам способ показывать контент.

Забираем не конкретный стиль, а подход: искать для проекта собственный визуальный язык, а не просто собирать интерфейс из знакомых приемов.

#дизайндайджест