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
Интернет-магазин 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
Два месяца тестирую новую CRM для ведения проектов. Weeek все так же хорош, но хотелось чего-то более простого и понятного, чтобы ничего не отвлекало и не тянуло снова вернуться к старому доброму блокноту))

Сервис O!task – рекомендую. На мой взгляд, он идеален.
Особенно для фрилансера или небольшой команды.

Что лично для меня стало ключевым:

– Ничего лишнего. Все минималистично, удобно, и только необходимые функции.
– Учет финансов и аналитика. Я последние года полтора считала доход раз в 3-4 месяца, а в моменте даже не понимала, сколько зарабатываю 😅 (дада, «финансовая грамотность»))
Сейчас всё удобно и попроектно, вбиваешь статьи доходов (отдельно сайт под ключ, дизайн, верстка) и расходов (налоги, сервисы и тд).
– В бесплатной версии: неограниченное число проектов и задач, можно добавить еще одного сотрудника для совместной работы.

А из функционала есть всё, что нужно: тайм-трекер, crm клиентов, база знаний, всевозможные отчеты и тд.

⛓ https://otask.ru/

Попробуйте, и поделитесь потом как вам)
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
10❤26👍13🔥6🦄1
This media is not supported in your browser
VIEW IN TELEGRAM
Ребят, спасибо за вашу поддержку 🥰

Запись эфира уже доступна:

📱 в ВК Видео → https://vkvideo.ru/video-89546664_456240098
📺 на YouTube → https://youtube.com/live/Xcos6bfOpZA

Как и обещала, отправляю Схему для самостоятельного анализа своего проекта:

⛓ https://alenaspirina.ru/blog/check
Please open Telegram to view this post
VIEW IN TELEGRAM
11🔥54❤27👍8🦄4
This media is not supported in your browser
VIEW IN TELEGRAM
Обновила подборку шрифтов 🖤

Хоть это и отнимает кучу времени, но сильно прокачивает насмотренность по типографике.

Например, открыла для себя классные шрифтовые студии и идеальный гротеск с кириллицей (жаль, конечно, что платный).

Буду следить за NT Type и ждать новых релизов. И гарнитуры от Displaay тоже теперь в сердечке, как и моноширинные шрифты 😏

Заходите, сохраняйте:
⛓ https://alenaspirina.ru/fonts
Please open Telegram to view this post
VIEW IN TELEGRAM
127🔥10❤8🦄6