Spirina Design
1.17K subscribers
283 photos
135 videos
148 links
Алёна Спирина — веб-дизайнер, фрилансер (Калининград) @alen_spirina

Делюсь:
• полезными материалами,
• кейсами и процессом работы,
• немного личным.

Сайт: alenaspirina.ru
Tilda: experts.tilda.cc/alenaspirina
Inst: instagram.com/_alenaspirina_
Download Telegram
«Найди себе дело по душе…» ну дальше вы знаете.

Если ты готов в свои выходные просидеть и прорисовать только потому, что пришло вдохновение, наверно это и правда твое. Смотрела интенсив от Tilda School и так понравилось задание, что дальше все как в тумане)) Ок, будет еще один повод поделиться с вами 😌

Тема – кроссовки Adidas Samba. Структура +- была в тз. На все про все 2 дня.

Опять что-то рождалось прям по ходу верстки, опять идеи из разряда «и как это сделать!?». В общем, иногда очень приятно отвлечься от рабочих задач, чтобы не зарываться в рутине.

Ссылка на проект: samba-store.ru

Кстати, конструктор слайдеров от Annexx — это просто чудо, и как без него жили ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥28❤4
Пришла идея показывать внутрянку проектов. Хотя бы точечно. Я бы с удовольствием посмотрела у других за непринятыми концепциями, ходом мысли, как и что сделано, заглянуть внутрь Тильды как заверстано и тд. Если это интересно — дайте знать, пожалуйста 🙏

Сегодня хочу показать референсы, которые были использованы в последнем проекте про Samba. Конкретно здесь все родилось просто с какого-то размытого скрина какого-то сайта с Pinterest. Повторила композицию и зашло.

Помимо тех скринов, что во вложении, еще было два сайта, с которых взяла идеи. Этот и этот.

Вот все говорят про «правильную» работу с референсами. А мне всегда было интересно, есть ли она, эта «правильная» работа? Кто-то мудборд составляет из всего, от обложек книги до фото заката. Кому-то достаточно пары скринов сайтов. И где та грань между «вдохновился» и «сп*здил»? (Это вообще отдельная тема дискуссии, можно только вспомнить последний случай с Axe)

Я стала замечать, как от проекта к проекту меняется мой подход к поиску и выбору референсов. Чаще всего, в поиске концепции я просто сижу день-два и рассматриваю подборки, Pinterest, Инстаграм, Dribble, Behance. Нахожу крутые варианты и они благополучно улетают в заветный файлик в Фигме «на потом». А то, что остается, это 5-10 скринов и ссылок. Если начинаешь накидывать больше, точно зароешься и потеряешься.

Это что касается именно концепции. Поймал направление, попробуй применить сразу же. Не подошло. Ищешь дальше.

При отрисовке остальных блоков, уже ищешь не дизайн, а идеи и композицию. Это следующий этап и совсем другая работа с референсами. Вот тут как раз очень пригождается собственная библиотека в Фигме и все отложенные «на потом» скрины. Собирай как можно больше, это очень сократит время в дальнейшем.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22🔥13💯1
Выложила свой первый кейс на Dprofile 🔥 Даже волнительно как-то 😆

Буду рада вашей поддержке:
https://dprofile.ru/case/80129/oura-ring
Please open Telegram to view this post
VIEW IN TELEGRAM
❤17🔥8👍4
Первая награда на Dprofile 🔥

Работы так много, что некогда даже пост выложить, пропала совсем. Но такой новостью очень хочется поделиться 🤍

А лайк от @lagutalaguta еще +100 к мотивации 😍
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥34❤5🥰2👍1
Ну красота же 🔥
Стилизация дополнительных опций в карточке товара 📣

Друзья, наконец-то допилил эту модификацию и дополнительно ещё чуть-чуть расширил функционал для любителей экспериментов, а именно:
✔️ отображение стоимости у опции
✔️разные цветовые решения для разных дополнений

Видео инструкцию записал, но не успеваю смонтировать, пришлось потратить ещё много времени в процессе, когда пришла идея о реализации двух штук, о которых написал выше)

В общем пока можете заходить, брать код, тестить, завтра залью видео, будет чуть по проще разобраться со всем этим)

Смотреть модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥11👍3
Новая подборка для вдохновения 📎

1. accordion.net.au – покорил меня уже давно, очень хотелось им поделиться. Можно столько идей для себя найти. Ну и типографика 🤤

2. snp.agency – новый сайт студии Salt and Pepper. Сетка, анимации, нестандартные цепляющие идеи. Подача кейсов классная. А форма заявки заслуживает отдельного внимания

3. lumara.com – в этом проекте первый экран и переход с первого на второй сразу добавлен в папку референсов) Очень приятный сайт

4. ashfall.studio – еще один сайт студии. Полное погружение уже с первого экрана и отлично считываемый их фокус – взаимодействие с пользователем, основанное на чувствах

5. dprofile.ru/case/83433/co2ncrete-manufacturer – это афигенный кейс, просто восторг. Насколько глобальная проделана работа, идея, брендинг, метафоры, 3D, детали, фотосессия собственно созданных блоков (!)

6. intrepidautomation.com – «включение» с первого экрана, качественно поданная информация, понравилась анимация в карточках

…

Особая любовь в последнее время к крупным (иногда даже гигантским) заголовкам, сочетанию изящной вытянутой антиквы с неогротесками и микро-деталям в паре с уместной анимацией.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥10👍2❤1🔥1
Мне сегодня 31. 🖤

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

А еще, старалась больше не ждать идеального момента, откладывая до бесконечности, а сделать хоть немного. Но сделать.

Поняла, как все-таки важны увлечения и живое общение. С первым уже есть большие изменения: вернулась к музыке, борюсь со страхами и пробую новое. Со вторым сложнее.

...

Спасибо вам, кто читает меня, за все сказанные добрые слова и за поддержку 🥰
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉28❤8👍2🔥2🥰2
Участвую в Битве экранов у Саши Васильева.

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

Что интересно, в прошлом году в такой же битве я не прошла даже во второй раунд. 😁 Как там говорят, сравнивай себя только с собой же в прошлом, а не с другими?) Поэтому, уже очень рада. Сейчас ломаю голову над второй темой (культовый предмет интерьера).

2 варианта файлами и обратную связь по макету добавлю в комментарии.
🔥25❤6🏆2