Channel name was changed to «Full-stack designer – portfolio»
🎨 Дизайн — профессия будущего
Новый лендинг для онлайн-вебинара 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