JakuninOleg
← Все работы

02 / авторский лендинг

ВНЕ ШАБЛОНА

Лендинг об индивидуальной разработке сайтов. Через комикс показываю путь от ограничений готовых платформ к сайту, который можно строить под задачи бизнеса.

Концепция / арт-дирекшн / вёрстка / форма / запуск

Первый экран на компьютере и телефоне

01 / история

Сюжет вместо списка преимуществ

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

01Комикс: владелец держит коробку шаблона и думает о своём сайте
Рамки шаблонаИдея бизнеса не помещается в готовую коробку.
02Комикс: механик WordPress среди труб и плагинов
Ещё один плагинКаждая новая задача добавляет системе деталей и зависимостей.
03Комикс: владелец рядом со сломанной системой
Система ломаетсяВремя уходит на обслуживание вместо развития проекта.
04Комикс: разработчик и владелец вместе работают над сайтом
Свой путьРазработчик и владелец проектируют сайт под реальные задачи.

02 / визуальная система

Комикс продолжается в интерфейсе

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

Иллюстрированная мастерская с планированием, интеграциями, CMS и возможностями для роста
Реальный фрагмент страницы: четыре части решения в одной иллюстрированной мастерской.

03 / реализация и запуск

От рисунка до работающего лендинга

Собрал адаптивную статическую страницу на HTML, CSS и JavaScript и разместил её на vneshablona.ru. Иллюстрации поддерживают содержание, а форма и поисковые файлы работают как часть сайта.

01

Десктоп и мобильный экран

Для первого экрана подготовлены разные композиции. Сюжет и призыв к действию читаются на обеих ширинах.

02

Заявка через API

Форма отправляет обращение в API моего сайта, откуда оно поступает на почту.

03

Основа для поиска

На сайте есть заголовки, метаданные, robots.txt и sitemap.xml. Поисковое продвижение продолжается после запуска.

Как работает заявка

Лёгкий сайт — рабочая форма

Лендинг размещён как статические файлы. Для отправки обращения он обращается к API на jakuninoleg.dev: там заявка проверяется и уходит на почту. На самой странице не нужен отдельный сервер.

  1. Посетитель заполняет форму
  2. API принимает и проверяет данные
  3. Заявка приходит на почту
Маскот превращает рисунок страницы в работающий сайт и отправленную заявку
Следующий проектOJ CMS