10 сайтов для вдохновения от дизайнера Леры Литвин

AIMBULANCE
Aimbulance
Published in
4 min readApr 18, 2019

Насмотренность — это “мастхев” для всех дизайнеров в наше время. И дело тут не в “копировании” чужого подхода или в заимствовании идей, а в понимании, как именно человек подошел к созданию проекта. Исследуя чужой дизайн ты узнаешь, как можно по-новому обыграть интерфейс, почему дизайнер совместил именно эти шрифты или выбрал такие цвета. Я верю в то, что из разных стилей рождаются новые нестандартные идеи и хочу показать, где нахожу их сама.

Привет, меня зовут Лера Литвин и я — Web Design Lead в агентстве Aimbulance. Недавно меня попросили открыть свои закрома вдохновения и вместо комментария внезапно вышел лонгрид.

  1. hinderer-wolff.fr/cepages-alsace

Идеальный пример того, как можно заставить пользователя изучить все детально о продукте, не заставляя его это делать. “Журнальная верстка” придает интерфейсу камерности. Прекрасная компоновка текста, который очень удобно читать. Заваривай кофе, открывай этот онлайн журнальчик и узнавай побольше о вине.

2. curenails.co

Тут круто все: и композиция, и цветовые решения, и типографика. Удачно подобраны графические элементы, которые интересно обыгрывают интерфейс. Несмотря на то, что детали похожие на плод и семена маракуйи, уже давно приелись и их лепят все и везде, тут они смотрятся очень гармонично со всем интерфейсом и добавляют лейауту “живости”.

3. www.kombudrinks.com

Создавать интерфейс для яркого продукта — всегда удовольствие. Мне очень нравится, как дизайнер поработал с цветами и их контрастами, так как иногда можно доиграться и интерфейс станет слишком ярким. Также очень круто продумана анимация, она “легкая” и не мешает смотреть.

4. world-draw.appspot.com

Кто любил играть в “Sims” — тот я) Поэтому я тащусь от игровых интерфейсов, в которых ты задействован. Рисуешь мышкой что-то из окружающей среды, карявенькое такое — AI распознает что это, и садит твоё творение в общий мир, подписывая твой адрес. А еще можно полетать на самолетике над всем этим созданным людьми мирком.
В рабочее время сайт лучше не открывать :)

5. koox.co.uk

Как веб-дизайнер и по совместительству иллюстратор, я просто обожаю сайты, в которых много рисованного, а если элементы в них еще и красиво анимированные — это сразу же идет ко мне в “кармашек”. Иллюстрация всегда создает особенную атмосферу в интерфейсе и добавляет живости и игривости. А то что иллюстрации делают интерфейс “детским” — считаю это древним мифом.

6. mowellens.com

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

7. www.seaharvest.net.au

Вау-эффект с первых секунд. Люблю нестандартные подходы в реализации сайтов. И правда, бывают случаи, когда клиент хочет “не как у всех” и выходит действительно крутой кейс. Сайт в стиле “газеты”, а ховеры, как будто подчеркиваются ручкой — вау!

8. simplychocolate.dk

Абсолютно простой вариант подачи типографической части + яркий key visual + легкая анимация = крутой сайт. Ничего не отвлекает тебя от этого вкуснейшего батончика, который ты уже готов купить, а информация … кому надо тот прочтёт, как говорится.

9. www.brandalmanac.com

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

10. www.nestbloom.com

“А давайте сразу же покажем нашим пользователям как пользоваться нашим продуктом” — сказал клиент. “Ок” — сказали дизайнеры и сделали офигенный сайт, на котором ты сам замешиваешь, готовишь и… что в итоге с этим делать показать забыли. Как оказалось, после прочтения нескольких статей — это не кремчик, который на лицо наносить, а еда, которую нужно просто есть). Поэтому этот сайт я сохранила только ради красоты и эстетики интерфейса, но свою задачу до конца он, к сожалению, не выполняет.

При разработке сайта (каким бы красивым он ни был) всегда нужно помнить: поймет ли пользователь то, что мы хотим ему сказать?

Насматривайтесь, на здоровье!

--

--