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 Pro, и наконец, как мне кажется, нашла себя 😌

Год назад понимала только одно: то, чем я занимаюсь сейчас (маркетинг, таргет) мне не приносит удовольствия, а куда идти и где реализовываться – фиг знает.

Перебирала варианты, из того, что умею, и из того, что потенциально интересно:
• Фронтенд (покупала курс, попала на инфоцыгана, да и в целом не зашло)
• Онлайн-школы на Геткурсе (создавала и настраивала школы с нуля)
• Углублялась в Яндекс.Директ (думала только в контексте остаться)
• Граф дизайн (разрабатывала лого и фирм стиль, полиграфию, но никогда не любила это)
• Сайты на Тильде (создавала время от времени)

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

🥺 Во вложении мои сайты, созданные +- год-полтора назад. (Средний ценник за лендинг был 15-20 000. Спустя год вырос в 5 раз) Все ссылки есть на стене в группе Вк. С нее и начала тогда.

Вроде бы даже неплохо получалось, но есть нюансы 😄

• С референсами не умела работать
• Про правила типографики не слышала и про ровные отступы тоже
• С резиновой версткой не была знакома, только грид (какой автоскейл, вы о чем 🤪)
• С анимацией тоже практически
• Делала сразу в Тильде, не понимала, зачем вообще нужна Фигма
• Каждый блок рассматривала как отдельный объект

Сейчас, реально бесит только одно: что времени так мало. Хочется развиваться быстрее, разбираться в большем, повышать уровень, делиться с другими. И все это в сопровождении ощущения, что все время не дотягиваю и так мало еще знаю.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
Quick Tracing

Потеряла недавно этот плагин, пусть лучше останется здесь еще и вдруг пригодится кому-то 😌

На мой взгляд, самый простой, удобный и при этом бесплатный для отрисовки растра в вектор. Не всегда 100% идеально, зато быстро) С иконками часто спасает.

Ссылка
🔥12❤4
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16👏4❤1
Гигантский логотип, 100% высоты экрана, выезжающий из-под предпоследнего блока… Смотришь и думаешь «где-то я это уже видел» 🤔

Да, это про футеры. Интересно, какие тренды придут на замену?)

Собрала несколько интересных идей, думаю какие-то детали можно взять себе на заметку, и не только с футеров:

1. theboncollectif.com — просто кайф, тут еще и на заголовки стоит обратить внимание
2. marcellocesiniarchitetto.com — продублировать первый экран? а почему бы и нет?)
3. workshophospitality.com — а тут дублируем меню) да просто очень стильный проект
4. fitsole.shop — анимация появления понравилась
5. lyon-beton.com — весь классный, ну и подвал тоже ничего
6. givingli.com — нестандартно, и появление лого создает объем
7. kozowood.com — выбор цветов, музыка, анимация. Местами есть впечатление, что некоторые блоки добавили уже со временем. Тем не менее, многое можно взять для себя
8. andermatt-realestate.ch — люблю такое)) вот вроде тоже эффект скрытого футера, но за счет предпоследнего блока выглядит не так, как у всех
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍4❤3
Рекомендую пройти всем 😌

Разберетесь с window и версткой в %, повысите уровень в дизайне и сетках, узнаете такие фишки, которые нигде не найдете больше. А еще на выходе получите крутой проект в портфолио и заряд мотивации 🔥

Свой сайт в примерах видеть очень приятно ❤️
❤6🔥3
Forwarded from Komandin®
This media is not supported in your browser
VIEW IN TELEGRAM
Привет! Сегодня у нас особенная подробка для вдохновения, а именно работы с интенсивов по резиновой верстке в Zero Block. А всё потому, что уже 6—7 июля будет 5й поток интенсива!

Подробнее об интенсиве и записаться — https://tilda.school/window-container

Всего за два дня вам полностью покорится верстка по window-container, благодаря которому вы сможете делать действительно адаптивные сайты обладающие особой эстетикой. Верстка по window избавит вас от необходимости создавать дополнительные брейкпоинты, которые работают только в идеальных условиях, а также избавит от проблем, присущих автоскейлу.

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

⋅ 2 дня — 6 и 7 июля
⋅ 2 больших концентрированных эфира
⋅ Полное погружение в тему
⋅ Море полезной информации и практика
⋅ Домашнее задание с разборами

Подробнее и записаться

А вот и лишь малая часть работ с прошедших интенсивов:
⋅ window-container.tilda.ws
⋅ window-container-2.tilda.ws
⋅ window-container-4.tilda.ws
⋅ airpods-max.tilda.ws
⋅ arch-burooo.tilda.ws
⋅ h800.tilda.ws
⋅ volvoxc40recharge.tilda.ws
⋅ wox.annihaus.ru
⋅ moon.loginova.me

#интенсив #windowcontainer
🔥7❤1👍1