Spirina Design


Channel's geo and language: Russia, Russian
Category: Design


Алёна Спирина — веб-дизайнер, фрилансер (Калининград) @alen_spirina
Делюсь:
• полезными материалами,
• кейсами и процессом работы,
• немного личным.
Сайт: alenaspirina.ru
Tilda: experts.tilda.cc/alenaspirina
Inst: instagram.com/_alenaspirina_

Related channels

Channel's geo and language
Russia, Russian
Category
Design
Statistics
Posts filter


Forward from: Лагута Лагута
Розыгрыш места в Плюс к уровню

Хочу пригласить одного из вас в клуб совершенно бесплатно до конца текущего потока.

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

После вступления вам будут доступны все материалы потока. Сам поток идёт до конца года. Доступ останется ещё три месяца, чтобы было время спокойно всё изучить.

Для участия

— Сделайте репост этого поста в истории;
— Напишите в комментариях к этому посту, что хотите найти в клубе для себя и чего ожидаете от участия.

Комментарии принимаю до 20 сентября, воскресенья, включительно. Торопитесь! Или расскажите тем, кому это может пригодится!

Больше информации об обучении и клубе:
— Форматы клуба на сайте
— Отзывы участников

Всем удачи! Буду рад видеть вас внутри.


Футбольная Академия «Шанс»

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

Задача:
Разработать Главную страницу и страницу Филиала, которая будет использоваться как шаблон

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

• Карточки тренеров и новости — CMS Потоки
•
Карта филиалов и расписание — Google таблица
• Alias блоки, чтобы редактировать контент только один раз

Срок реализации: 1 месяц

⛓ fcchance.ru

#кейс@spirina_design


Год после переезда

Скоро наконец-то покажу новые кейсы 🙏 А пока немного личного.

Год назад мы переехали в Калининград. И, наверное, главное, что изменилось за этот год, — само ощущение жизни.

Безусловно, круто, что ты в любой рандомный момент можешь сказать: «А поехали на море?». И через 20 минут уже смотришь на волны и кидаешь камушки в воду) Но для нас ключевым оказалось даже не это, а появившееся желание больше бывать на улице, гулять, ездить, смотреть, пробовать.

Можешь вечером сесть на велосипед и просто поехать кататься. Мест, которые можно посмотреть или где погулять, здесь в избытке: парки, кирхи, замки, города области, Куршская и Балтийская коса, и конечно море. За год у меня вообще не появилось ощущения, что мы уже всё посмотрели. Скорее наоборот — здесь ещё изучать и изучать.

Если попытаться тезисно пройтись по тому, что особенно нравится:

• Воздух и экология. После Челябинска разница сильно чувствуется. Здесь просто приятно дышать и находиться на улице.

• Компактность. На машине в любую точку Калининграда можно добраться минут за 15–20, и это мы ещё живём за городом.

• Климат. Переменчивый, но нам зашёл) Прогноз погоды дальше, чем на сегодня, смотреть особо смысла нет.

• Досуг. Миллион мест, куда можно сходить, и постоянно что-то происходит: выставки, концерты, фестивали и т.д.

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

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

Поэтому спустя год я поняла ещё одну вещь: то, насколько тебе понравится жить в Калининграде, очень сильно зависит от твоего образа жизни. И под наш он попал практически идеально.


Узкие заголовочные гротески, но не Bebas и Druk

На этой неделе отсмотрела большое количество шрифтов, чтобы найти тот самый гротеск для заголовков в новом проекте.

Больше всех понравились, и особенно хороши в верхнем регистре:

• RF Dewi Condensed
• TT Bluescreens Pro 💕
• Roboto Condensed
• Fact Compressed
• Aeonik Condensed Pro

*Все поддерживают кириллицу

Обязательно добавлю их в подборку:
alenaspirina.ru/fonts


Судя по списку задач, в августе выходных похоже не предвидится. Поэтому буду иногда делиться кусочками рабочего процесса.


Video is unavailable for watching
Show in Telegram
Июль 25 — Июль 26 🖤

Сделаем это традицией и подведем статистику за год. Прошло 3 года с окончания Tilda Pro, и момента, когда начала называть себя «веб-дизайнером» 👀

Что изменилось? (Намеченный в прошлом году план кажется работает):
• Проектов под ключ стало меньше, но средний чек заметно вырос
• Все больше запросов на сложную вёрстку
• Получилось больше отдыхать 🙂‍↔️ Август почти полностью выпал из-за переезда, плюс за год было несколько небольших отпусков.

Вместе с текущими, всего проектов за период: 41

По типам сайтов:
• Лендинги — 15
• Многостраничные — 23
• Интернет-магазины — 3

По видам работ:
• Сайт под ключ — 14
• Только вёрстка — 21
• Только дизайн — 3
• Доработки — 3

Источники:
• Сотрудничество — 58,5%
• Made on Tilda — 12,2%
• Рекомендации — 12,2%
• Повторные клиенты — 7,3%
• Другое — 9,8%

Также в этом году стало больше консультаций и запросов на ревью сайтов. +2 эфира на канале Tilda Publishing. Хочется развиваться в этом направлении и дальше.

725 0 4 33 101

Ребят, спасибо за вашу поддержку! 🖤

Запись эфира уже доступна:
📱 в ВК Видео → https://vkvideo.ru/video-89546664_456240620
📺 на YouTube → https://youtube.com/live/43BHo5HKnvw

Все ссылочки с эфира:

Памятка по мобильным версиям:
⛓ https://alenaspirina.ru/blog/mobile

Страница с разбора:
⛓ https://alenaspirina.ru/review2026

Ресурсы для поиска референсов:
⛓ https://alenaspirina.ru/refs


Меняем ссылки t.me на telegram.me через скрипт ✈️

! UPD: t.me вернулся 🤪


t_onReady(function () {
document.querySelectorAll('a[href^="https://t.me/"]').forEach(function(link) {
link.href = link.href.replace('https://t.me/', 'https://telegram.me/');
});
});


• Добавьте код в блок T123, удобнее сразу в хэдере или футере
• Переопубликуйте все страницы, сбросив кэш

За код спасибо Худовой Саше @khudovadesign 😊


Tilda School Helper — новое шикарное расширение для Chrome, которое объединяет в себе кучу других 🖤

Что внутри:

• инструменты для анализа сайта: шрифты, цвета, размеры, отступы и направляющие;
• мощная скриншотилка с редактором, которая умеет делать снимки всей страницы, даже настраивая скорость анимации;
• автоматический стайлгайд сайта с цветами, типографикой, кнопками, отступами и другими стилями;
• просмотр сайта в разных разрешениях и устройствах для проверки адаптива;
• быстрый экспорт картинок и SVG со страницы.

Очень рекомендую протестировать, и самое приятное — расширение полностью бесплатное.

⛓ Установить: https://chromewebstore.google.com/detail/tilda-school-helper/pmkmenafkkcdpnenfdlbcohnedcaihoh

920 0 42 8 70

Дизайн-ревью на канале Tilda Publishing 🖤 16 июля в 14:00 МСК

Предлагаю в этот раз провести mobile-first ревью) Сначала разберём мобильные версии, а уже после посмотрим десктоп.

Поговорим о том, как работать с ограниченным пространством, про типографику и анимацию, а также про некоторые моменты в вёрстке (любимый Safari браузер 🥲).

⛓ https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08

Буду ждать вас на эфире 😊

Отправить сайт на разбор: https://webinars.tilda.cc/submit


Отзыв о консультации 🖤

С Мишей это была уже вторая консультация, на которой подробно разобрали все этапы работы над проектом, а также:

• Как рассчитывать сроки, стоимость и от чего они зависят
• Как минимизировать правки от клиента
• Как ускорить работу
• Что важно зафиксировать в договоре на старте
• Как строить работу когда маленький/большой загруз

На данный момент планирую график по проектам и консультациям на вторую половину августа-сентябрь. Перед созвоном мы заранее определимся с вашим запросом: это может быть разбор работы, фриланс и продвижение, вопросы по ведению проекта, вёрстке, анимации и тд.
Стоимость — 7500 ₽/час.

#консультации@spirina_design


У Oura Ring вышла новая версия, соответственно пора было немного обновить сайт.

Люблю этот проект, только к сожалению, сейчас он переехал на Wordpress и выглядит совсем не так, как должен. Поэтому пока я только внесла изменения в Фигме (в видео скринкаст оттуда).

• Второй блок стал более информативным и наглядным
• Добавила слайдер с цветами колец, где сразу можно перейти на нужную карточку товара
• Переделала блок про датчики
• Обновила контент

Если вы верстаете на Wordpress, быстро и качественно — напишите пожалуйста мне в лс, желательно приложив портфолио 🙏🏻

679 0 2 11 46
11 last posts shown.