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
После лекции Вовы Лифанова срочно захотелось сходить в Новую Третьяковку ◼️
❤239👍3🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка ресурсов для поиска референсов

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

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

⛓ https://alenaspirina.ru/refs

Планирую пополнять и проверять актуальность 🖤
Please open Telegram to view this post
VIEW IN TELEGRAM
19🔥14👍3❤2🦄1
Интернет-магазин Evgeniya Shkalikova 🖤

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

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

Для реализации подарочных карт использовала модуль от студии Tistols. Очень классный, советую) Его еще ждут некоторые доработки, но уже можно тестировать и внедрять в свои проекты.

⛓ evgeniyashkalikova.ru

#кейс@spirina_design
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤219🔥5👍1🦄1
Год назад мы купили студию (в нашем жк, через дом), чтобы работать не из дома, а организовать полноценный офис. И посмотреть, что из этого выйдет.

И сегодня наконец-то получили ключи ☺️ Больше не нужно уезжать в кофейни и у ребенка занимать детскую.

Посмотрим, насколько это повлияет на продуктивность, но психологически разграничения дом-работа очень не хватало в последнее время. Все равно постоянно отвлекаешься. А вечером нет ощущения, что отдыхаешь.

Будем потихоньку наводить уют, уже съездили закупили краску и всякие мелочи 😁
2❤36🔥20🥰8🦄1
#Madeontilda×10

Десятый юбилейный Мот 😍 Сайт Stylized Studio

Ссылка на проект
Please open Telegram to view this post
VIEW IN TELEGRAM
26🔥15❤8🦄2👍1
Так не хочется никаких итогов.

Лучше можно я здесь оставлю самый главный план/пожелание на 2025, всем и себе тоже:
• слышать себя;
• работать в удовольствие;
• не забывать отдыхать;
• не забивать на здоровье.

Планирую начать уже сегодня, поэтому до 7 января официально на каникулах) Никакой работы) Есть идея на творческий проект, но только в удовольствие и после того, как отдохну 😌
1❤37🦄8👍7🔥1
Год начинается с нового вызова и выхода из зоны комфорта (страшно пипец)

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

Надеюсь на вашу поддержку 🖤

Ссылка: https://webinars.tilda.cc/rabota-nad-oshibkami
21🔥53❤7🦄7👍2
Сегодня в подборке интернет-магазины. Но, как оказалось, найти интересные, и в то же время применимые в жизни решения – та еще задачка.

1. https://eisku.com – отличные контрасты, яркое меню очень понравилось, да и в целом цветовые решения. Отдельно стоит отметить проработку карточек товара на Главной (сетка, ховер, фильтрация, переключения) Страница товара продумана супер, лаконично и понятно.

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

2. https://us.p448.com – на одно только меню можно залипнуть надолго, обратите внимание, как реализованы и продуманы всплывающие окна. С первого же экрана ты попадешь туда, куда тебе нужно. А если не нашел – под рукой есть поиск.
Крупные качественные фотографии, легкие безфоновые карточки товара и шикарный подвал.

3. https://ymeuniverse.com – на первый взгляд сложнее, но из-за повторяющихся блоков быстро привыкаешь. Здесь отлично получилось передать общий стиль. Интересно, что Избранное добавлено просто как пункт меню. А еще, такую же галерею на странице товара хочется где-нибудь применить)

4. https://heavn-one.webflow.io – это промо-страница для одного товара, а именно настольной лампы. Управление вниманием на уровне.

Но добавила я его не просто так: для лендинга продукта идеально использовать эффект погружения. Основная задача, чтобы пользователь скроллил и не мог остановиться, ему хотелось просмотреть историю от и до. Вот еще пример: https://www.sofihealth.com
❤269👍7🔥3🦄11
This media is not supported in your browser
VIEW IN TELEGRAM
11 мини-кодов для ваших проектов 🖤

Подборка СSS-кодов и скриптов, которые часто нужны, но постоянно тратишь время, чтобы их найти.

Пусть теперь всё будет на одной странице:
⛓ https://alenaspirina.ru/blog/mini-codes

100% что-то забыла, буду дополнять)
Please open Telegram to view this post
VIEW IN TELEGRAM
236🔥24❤4👍4💯1🦄1