🎨 Дизайн — профессия будущего
Новый лендинг для онлайн-вебинара Open-College
🚀 Итоги первой недели
— 7 480 уникальных визитов
— 2 120 регистраций → CR 28 %
— CPL снизили до 1,9 $
📐 Ключевые решения
— Mobile-first макет (320-1440 px)
— 5 экранов + интерактивный FAQ
— A/B-блок с отзывами выпускников
🔍 Стек: Tilda Zero-Block | Figma Auto-Layout
⚡️ Lighthouse 96/100 · LCP 1,4 с · CLS 0,02
👀 → Посмотреть
–––––––––––
🎨 Design — the Career of the Future
Fresh landing page for an Open-College webinar
🚀 First-week results
— 7,480 unique visits
— 2,120 sign-ups → 28 % CR
— CPL reduced to $1.9
📐 Key decisions
— Mobile-first layout (320-1440 px)
— 5 sections + interactive FAQ
— A/B-tested alumni-testimonial block
🔍 Stack: Tilda Zero-Block | Figma Auto-Layout
⚡️ Lighthouse 96/100 · LCP 1.4 s · CLS 0.02
👀 → View
#landingpage #design #лендинг #дизайн #tilda #figma #webinar
Новый лендинг для онлайн-вебинара Open-College
🚀 Итоги первой недели
— 7 480 уникальных визитов
— 2 120 регистраций → CR 28 %
— CPL снизили до 1,9 $
📐 Ключевые решения
— Mobile-first макет (320-1440 px)
— 5 экранов + интерактивный FAQ
— A/B-блок с отзывами выпускников
🔍 Стек: Tilda Zero-Block | Figma Auto-Layout
⚡️ Lighthouse 96/100 · LCP 1,4 с · CLS 0,02
👀 → Посмотреть
–––––––––––
🎨 Design — the Career of the Future
Fresh landing page for an Open-College webinar
🚀 First-week results
— 7,480 unique visits
— 2,120 sign-ups → 28 % CR
— CPL reduced to $1.9
📐 Key decisions
— Mobile-first layout (320-1440 px)
— 5 sections + interactive FAQ
— A/B-tested alumni-testimonial block
🔍 Stack: Tilda Zero-Block | Figma Auto-Layout
⚡️ Lighthouse 96/100 · LCP 1.4 s · CLS 0.02
👀 → View
#landingpage #design #лендинг #дизайн #tilda #figma #webinar
1❤6👍4🔥4🌚2👾1
Channel name was changed to «Full-Stack Design – portfolio»
Media is too big
VIEW IN TELEGRAM
🎨 Адаптивный вступительный тест на Тильде
Показываю, как я ломаю ограничения платформы и превращаю тест в машину горячих лидов для колледжей и вузов.
💡 Почему вам стоит заказать
▶️ JS-квиз + Zero-Block — чистая Tilda, без сторонних сервисов.
▶️ Не привязаны к шаблонам — дописываю код, где конструктор пасует.
▶️ SEO + Perf по умолчанию — быстрая страница = дешевый трафик.
▶️ Full-cycle: дизайн, dev, автотесты, запуск — всё в одном окне.
👋 Хотите такой же тест, который сам генерирует горячих абитуриентов?
→ Смотреть
#tilda #лендинг #вебдизайн #программирование #образование
Показываю, как я ломаю ограничения платформы и превращаю тест в машину горячих лидов для колледжей и вузов.
💡 Почему вам стоит заказать
👋 Хотите такой же тест, который сам генерирует горячих абитуриентов?
→ Смотреть
#tilda #лендинг #вебдизайн #программирование #образование
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤8👍4🔥4👌2
Привет, друзья!
Я продолжаю делиться на канале своими работами и идеями, и сейчас мне очень нужна ваша поддержка.
У меня появилась возможность «прокачать» канал, но для этого важны живые голоса подписчиков.
Если вам близко то, что я создаю, и есть минутка свободного времени, переходите по ссылке ниже и отдайте свой голос. Это займёт меньше минуты, а для меня станет большим шагом вперёд.
Отдать голос на благое дело
Спасибо каждому, кто откликнется!
Если голосовать не хочется или не получается — ничего страшного, просто оставайтесь со мной и наслаждайтесь контентом.
Я продолжаю делиться на канале своими работами и идеями, и сейчас мне очень нужна ваша поддержка.
У меня появилась возможность «прокачать» канал, но для этого важны живые голоса подписчиков.
Если вам близко то, что я создаю, и есть минутка свободного времени, переходите по ссылке ниже и отдайте свой голос. Это займёт меньше минуты, а для меня станет большим шагом вперёд.
Отдать голос на благое дело
Спасибо каждому, кто откликнется!
Если голосовать не хочется или не получается — ничего страшного, просто оставайтесь со мной и наслаждайтесь контентом.
1❤11👍7🔥4🌚1
🎥 Записываю экран с идеально плавным скроллом — делюсь лайфхаком!
Иногда хочется показать сайт «в движении», но дёрганый скролл всё портит. Я нашла ультра-простой способ сделать видео по-настоящему гладким:
▶️ Запускаем запись экрана.
▶️ Открываем DevTools (правой кнопкой "посмотреть код") и вставляем маленький скрипт в консоль браузера.
▶️ Смотрим, как страница плавно «скользит» до самого низа.
Сам скрипт:
Правда маленький код? Но способ настолько прост, что успеете его запустить раньше, чем допьёте утренний кофе ☕️.
👉 Смотреть статью: куда вставить скрипт и как настроить скорость
Если такие фишки для дизайнеров и разработчиков тебе заходят, оставайся на канале — впереди ещё больше полезностей! 💡
Иногда хочется показать сайт «в движении», но дёрганый скролл всё портит. Я нашла ультра-простой способ сделать видео по-настоящему гладким:
Сам скрипт:
document.documentElement.style.scrollBehavior='smooth';
const STEP = 2;
const PAUSE = 0;
function autoScroll() {
if (window.scrollY + window.innerHeight >= document.body.scrollHeight) return;
window.scrollBy(0, STEP);
PAUSE ? setTimeout(autoScroll, PAUSE) : requestAnimationFrame(autoScroll);
}
autoScroll();
Правда маленький код? Но способ настолько прост, что успеете его запустить раньше, чем допьёте утренний кофе ☕️.
👉 Смотреть статью: куда вставить скрипт и как настроить скорость
Если такие фишки для дизайнеров и разработчиков тебе заходят, оставайся на канале — впереди ещё больше полезностей! 💡
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤11👍6🔥4🤯2🤡1
🎯 Лендинг под ключ — это не просто сайт. Это решение задачи бизнеса.
Недавно закончила лендинг для школы граффити. И хочу на его примере показать, что входит в процесс, когда вы заказываете лендинг у меня.
Вот как это выглядит по этапам 👇
💡 1. Брифинг и анализ
— Погружаюсь в продукт: цели, аудитория, позиционирование
— Смотрю конкурентов, ищу, где можно обойти
— Определяю нужный функционал: форма, квиз, калькулятор, автоответ и пр.
📐 2. Прототип
— Строю структуру страницы до дизайна
— Расставляю акценты, сценарии вовлечения, точки действия
🎨 3. Дизайн
— Создаю визуальный стиль, отражающий продукт и ЦА
— Прорабатываю адаптивность под все экраны
— По желанию — добавляю анимации и интерактив
🧩 4. Верстка и разработка
— Чистая адаптивная верстка
— Рабочие формы, квизы, кнопки — всё подключено
— Оптимизировано под скорость и UX
🔗 5. Интеграции и SEO
— Подключаю аналитику (GA4, Метрика, пиксели)
— Интеграции с Telegram, WhatsApp, CRM
— Базовая SEO‑оптимизация для запуска продвижения
✅ 6. Финальное тестирование
— Проверяю всё: от адаптива до каждого клика
👀 → Смотреть / View
#landingpage #design #лендинг #дизайн #tilda #figma #webinar
Недавно закончила лендинг для школы граффити. И хочу на его примере показать, что входит в процесс, когда вы заказываете лендинг у меня.
Вот как это выглядит по этапам 👇
💡 1. Брифинг и анализ
— Погружаюсь в продукт: цели, аудитория, позиционирование
— Смотрю конкурентов, ищу, где можно обойти
— Определяю нужный функционал: форма, квиз, калькулятор, автоответ и пр.
📐 2. Прототип
— Строю структуру страницы до дизайна
— Расставляю акценты, сценарии вовлечения, точки действия
🎨 3. Дизайн
— Создаю визуальный стиль, отражающий продукт и ЦА
— Прорабатываю адаптивность под все экраны
— По желанию — добавляю анимации и интерактив
🧩 4. Верстка и разработка
— Чистая адаптивная верстка
— Рабочие формы, квизы, кнопки — всё подключено
— Оптимизировано под скорость и UX
🔗 5. Интеграции и SEO
— Подключаю аналитику (GA4, Метрика, пиксели)
— Интеграции с Telegram, WhatsApp, CRM
— Базовая SEO‑оптимизация для запуска продвижения
✅ 6. Финальное тестирование
— Проверяю всё: от адаптива до каждого клика
👀 → Смотреть / View
#landingpage #design #лендинг #дизайн #tilda #figma #webinar
1❤11👍6🙏3🤡1
Media is too big
VIEW IN TELEGRAM
🚀 Новый лендинг для реферальной программы колледжа
Сделала дизайн и верстку лендинга для реферальной программы частного колледжа.
➡️ Стиль — строгий, с акцентом на фирменное брендирование.
➡️ Главный элемент — удобный и понятный калькулятор дохода для партнёров.
➡️ Полная адаптация под мобильные устройства.
➡️ Настроена базовая SEO-оптимизация для индексации в поисковиках.
➡️ Подключена логика расчётов через бэкенд.
🛠 Что было сделано:
➡️ Брифинг и анализ аудитории
➡️ Прототипирование и структура
➡️ Дизайн, верстка, адаптация
➡️ Разработка калькулятора
➡️ Интеграция с серверной частью
➡️ SEO + тестирование
🔗 Посмотреть готовый лендинг
💡 Нужен такой же калькулятор или интерактивный модуль на сайт — от реферальных расчётов до калькуляторов стоимости или курсов?
Сделаю под ключ — и дизайн, и логику, и внедрение.
#лендинг_проекты #интерактивныемодули #backend_dev #калькулятор_на_сайт
Сделала дизайн и верстку лендинга для реферальной программы частного колледжа.
🛠 Что было сделано:
💡 Нужен такой же калькулятор или интерактивный модуль на сайт — от реферальных расчётов до калькуляторов стоимости или курсов?
Сделаю под ключ — и дизайн, и логику, и внедрение.
#лендинг_проекты #интерактивныемодули #backend_dev #калькулятор_на_сайт
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤10👍8🤓4
Видео из Dropbox в Tilda: быстрый способ получить рабочую ссылку
Ссылки формата
ведут на страницу предпросмотра — Tilda их не подхватывает. Для этого нужен прямой URL на файл.
По вашим частым запросам я собрала легкий инструмент — страницу-конвертер. Он меняет только домен, сохраняя путь и параметры, чтобы вам не тратить время на ручные правки.
Как использовать:
1. Вставьте ссылку Dropbox.
2. Нажмите «Преобразовать».
3. Нажмите «Копировать» и вставьте в поле ссылки на видео в Tilda.
Всё работает локально в браузере, без отправки данных.
▶️ Попробовать
#tilda #dropbox #видеовтильде #дизайн #вебдизайн
Ссылки формата
https://www.dropbox.com/...
ведут на страницу предпросмотра — Tilda их не подхватывает. Для этого нужен прямой URL на файл.
По вашим частым запросам я собрала легкий инструмент — страницу-конвертер. Он меняет только домен, сохраняя путь и параметры, чтобы вам не тратить время на ручные правки.
Как использовать:
1. Вставьте ссылку Dropbox.
2. Нажмите «Преобразовать».
3. Нажмите «Копировать» и вставьте в поле ссылки на видео в Tilda.
Всё работает локально в браузере, без отправки данных.
▶️ Попробовать
#tilda #dropbox #видеовтильде #дизайн #вебдизайн
1❤22👍20🔥14🎉11
Что такое униширинный (моноширинный) шрифт
Это шрифт, где каждая буква занимает одинаковое место — «и», «ш» и «м» стоят ровно, как по линейке.
Такой принцип пришёл из эпохи пишущих машин и до сих пор используется в коде, интерфейсах и техническом дизайне.
📏 Текст в таких шрифтах выглядит структурно и стабильно — идеально, когда важна точность и сетка.
Но у них есть и свои минусы: читать большие блоки текста в униширинных гарнитурах сложнее.
💬 В статье я подробно рассказала: как они появились, чем отличаются от обычных, и какие бесплатные кириллические моноширинные шрифты стоит попробовать.
🔗 Почитать подробнее
Это шрифт, где каждая буква занимает одинаковое место — «и», «ш» и «м» стоят ровно, как по линейке.
Такой принцип пришёл из эпохи пишущих машин и до сих пор используется в коде, интерфейсах и техническом дизайне.
📏 Текст в таких шрифтах выглядит структурно и стабильно — идеально, когда важна точность и сетка.
Но у них есть и свои минусы: читать большие блоки текста в униширинных гарнитурах сложнее.
💬 В статье я подробно рассказала: как они появились, чем отличаются от обычных, и какие бесплатные кириллические моноширинные шрифты стоит попробовать.
🔗 Почитать подробнее
1❤21🎉17👍13🔥5
Типографика — сердце дизайна
Типографика — это не про буквы.
Это про ритм, воздух и смысл.
Шрифт говорит, даже когда молчит.
А интервал между строками — его дыхание.
Хочешь разобраться в том, как текст становится искусством?
📚 В статье — правила, принципы и лучшие книги по типографике, которые должен знать каждый дизайнер.
🔘 Читать статью
#типографика #дизайн #шрифты #graphicdesign #uxui
Типографика — это не про буквы.
Это про ритм, воздух и смысл.
Шрифт говорит, даже когда молчит.
А интервал между строками — его дыхание.
Хочешь разобраться в том, как текст становится искусством?
📚 В статье — правила, принципы и лучшие книги по типографике, которые должен знать каждый дизайнер.
🔘 Читать статью
#типографика #дизайн #шрифты #graphicdesign #uxui
🎉17👍15❤13🔥12
