Библиотека референсов

Изначально я просто отправляла себе в избранное ссылки на рефы, которые благополучно забывались/терялись.

Листать подборки, собирать понравившиеся сайты и вдохновляться — это хорошо, тем более что во время просмотра мы врубаем «фоновую насмотренность» и качаем визуальный вкус.

Но если мы говорим о чем-то более прикладном, то советую начать собирать свою личную «библиотеку решений».

Почти два года вела файлик в Фигме, где все элементы разложены по страницам (меню, карточки, подвалы и тд) + добавлены комментарии. И было на самом деле просто и понятно. (покажу в комментариях)

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

И для этой задачи идеально подошел Eagle 🦅

Пробовала его как-то давно, но в тот раз не зашел, показался слишком сложным. И как хорошо, что дала ему второй шанс) Протестировала месяц и поняла что да, к Фигме возвращаться не хочу.

И вот почему:

1) удобное распределение по основным и вложенным папкам;
2) создаешь свою систему тегов, что тоже помогает всё структурировать;
3) ссылки на сайты сразу под рукой;
4) можно оставить коммент;
5) автоматически показывает цвета;
6) есть расширение для хрома, с которым добавление рефа в коллекцию занимает несколько секунд и сразу со ссылкой;
... и это далеко не всё.

⛓ https://ru.eagle.cool/ (Стоит $34,95 единоразово, 30 дней пробная версия. Придется повозиться с оплатой, если из РФ, но оно того стоит)

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

Lime Padel Club in Paphos

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

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

Обе версии целиком прикреплю в комментариях, а сверстанный проект можно посмотреть по ссылке:

⛓ https://lime-padel.com/

#кейс@spirina_design совместно со @stylizedpro 🖤

Интернет-магазин Whoop Shop

Здесь задача Главной страницы — рассказать историю, погрузить в атмосферу, вызвать желание купить. Собственно, мое любимое)

Именно такие проекты вдохновляют больше всего и проходят на одном дыхании, особенно когда заказчик дает свободу в выборе визуальных решений и всё это практически без правок.

Про каждый блок можно рассказывать отдельно — всё больше и больше дорабатываю модификации через нейронки, и это сильно увеличивает возможности конечно.

⛓ https://whoopshop.ru

#кейс@spirina_design