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
Проект уже давно согласован, и даже #madeontilda получил, а кейс никак нет времени выложить))

🖤 Сайт для студии дизайна интерьера и архитектуры Grand Esque.

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

Приятно было услышать: «Наш стиль показали полностью и даже перевыполнили свою задачу» 😌

Ссылка на проект: https://grand-esque.com

#кейс
❤10🔥7
Идём ⚡️
Please open Telegram to view this post
VIEW IN TELEGRAM
Друзья, уже сегодня в 19:00 по мск начнётся прямой эфир посвящённый стандартным блокам 📣

Открывайте ссылку на эфир, чтобы не пропустить начало, и также можете прям на видео нажать кнопку "🔔 Прислать уведомление" и тогда уже 100% ничего не пропустите

https://youtube.com/live/Npm5q72r0Nc?feature=share

За репостик куда-нибудь в свои каналы буду благодарен😉
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
Не так давно я начала вести свой файлик в фигме со скринами и ссылками референсов (очень удобно кстати). Там как проекты целиком, так и их части. И вот что поняла: я фанатик раскрывающихся меню 😅

Больше всего собрано именно их, и мне нереально нравятся интересные механики и решения, крупная типографика пунктов и анимация 🤍

Делюсь некоторыми:
1. https://makepill.com/
2. https://awsmd.com/
3. https://www.mimcocapital.com/
4. https://www.yard.me/
5. https://carboculture.com/
6. https://www.vntnr.co/
7. https://www.sanfelice.com/en
8. https://lusion.co/

Даже просто стоит посмотреть целиком, вдохновиться)

На втором месте в моих подборках по количеству стоят футеры) Тоже особая любовь, как-нибудь сделаю пост 😏
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥15❤7👍5
Media is too big
VIEW IN TELEGRAM
Начала сегодня верстать проект по коттеджному поселку на Кипре 😐
Несколько часов уместились в трех минутах 🤪

Расскажу некоторые моменты, как сейчас верстаю (если выбираем автоскейл). Каждый работает по-своему, но мне так пока удобнее всего:

1. Отрисовываю макет во фрейме 1920px (был бы монитор меньше, взяла бы под размер монитора)
2. Затем скейлю его до 960px (первый экран отдельно оставляю 1200px, если он планируется под 100%)
3. Округляю значения через плагин Round All
4. Мобилку рисую во фрейме 390px, потом скейлю до 320px
5. Брейкпоинты в Тильде беру 320, 640 и 960 (+1200 для первого блока)
6. Автоперенос реально помогает, но не во всех блоках, чаще всего вначале и где много текстов. Изображения лучше переносить вручную
7. Использую alias-блоки для отступов

Завтра самое сложное: анимации, модификации и тд. 😥 А в среду нужно сдать)

Проект в партнерстве с @stylizedpro 🤍
Please open Telegram to view this post
VIEW IN TELEGRAM
❤20👍6
Media is too big
VIEW IN TELEGRAM
Казалось бы, такая мелочь, а насколько упрощает жизнь) Модификация ANX821 — Покраска и анимирование SVG от ANNEXX. Пользуюсь ей довольно часто, а раньше тот же ховер на иконках делала через sbs 🤦‍♀️

Вдруг еще есть те, кто тоже не знал…

Помимо того, что можно просто настроить смену цвета при наведении, есть возможность задать триггер на эту смену, что очень помогает, если нужно сделать интересный ховер на кнопках со стрелкой без css, например.
❤18🔥8
С таким контентом работать одно удовольствие 🤤
Лендинг для Tree’s – закрытого поселка на Кипре. Важно было донести настроение, понятно и удобно показать объекты.

Ссылка: tree-s.tilda.ws

Проект в партнерстве с @stylizedpro 🤍
😍12🔥7❤4