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
Истории для поддержки и охватов нашего нового проекта.
Пока в процессе: доделываем с Алёной @spirina_design финальные детали, чтобы потом опубликовать на Дипрофайле.
124❤7🔥6👍4👏2🥰1🌚1🦄1
Media is too big
VIEW IN TELEGRAM
Кастомный аккордеон из Zero-блоков всего за 2 минуты

У Annexx много классных модификаций, но их «конструкторы» — это просто любовь 🖤

В видео показала самую базовую настройку, которой пользуюсь чаще всего:

1) Создаем Zero-блоки
2) Добавляем их ID в конструктор
3) Выбираем иконки раскрытия и закрытия
4) Повторяем для каждой карточки

Всё быстро и просто)
В качестве примеров упоминала сайты Кафедры Dprofile и Артема.
🔥2110😍4👍2👏1🦄1
Media is too big
VIEW IN TELEGRAM
Небольшой тизер нового проекта 🖤

Cейчас в работе интернет-магазин браслетов Whoop. И кто же знал, что уже согласованную концепцию придется переделывать (где-то менять блоки и тексты), потому что выйдет новая 5.0 версия. 🤪

Отправила на согласование макеты, уже не терпится сверстать)

#кейс@spirina_design
140🔥23😍9❤2🦄2
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка 18 ресурсов c модификациями

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

🖤 Мой маст-хэв: Annexx, Voron, Matilda, Design by Max, Tistols.

⛓ https://alenaspirina.ru/blog/mods

И еще в последнее время очень выручает ChatGPT (помогает доработать код, найти ошибку и тд.)
Please open Telegram to view this post
VIEW IN TELEGRAM
1239🔥19👍9❤1🦄1
Media is too big
VIEW IN TELEGRAM
Сайт Кафедры Dprofile в #Madeontilda 🖤

Еще один совместный проект с Сашей @lagutalaguta, в котором рада была принять участие. Интересный прием с «растягивающимся» фоном (взяла себе на заметку тоже) позволил сверстать сайт по window-контейнеру, сохранив при этом размеры даже на широких разрешениях.

Кстати, еще можно успеть принять участие в программе «Дизайнер интерфейсов: карьера, процессы, инструменты», очень рекомендую. Такой основательный подход вы вряд ли где-то еще найдете, который к тому же подкреплен годами реальной практики.

⛓ https://tilda.cc/ru/madeontilda/#!/w/https://ed.dprofile.ru
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3114🦄10🥰5🔥2🌚2🤩1💯1
Lime Padel Club in Paphos

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

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

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


⛓ https://lime-padel.com/

#кейс@spirina_design совместно со @stylizedpro 🖤
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
32🔥20😍10❤6💯2🦄2👍1
Отзыв о консультации

На консультации показываю разные направления, где можно развиваться, но не стоит хвататься за всё сразу. Выбирай то, что тебе близко. У каждого своя уникальность)

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

Перед созвоном (или встречей) мы заранее определимся с вопросами: от разбора работ и поиска клиентов до моментов по верстке.

Стоимость — 7500 ₽/час.

#консультации@spirina_design
26❤15🦄8🔥3
Интернет-магазин Whoop Shop

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

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

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

⛓ https://whoopshop.ru

#кейс@spirina_design
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥3916❤11🤩2🦄2