главная //storge-ai.kz
03
storge-ai.kz
создание лендинга
О ПРОЕКТЕ
Проект для стартапа: создание бизнес-планов на основе авторских ИИ-систем, обученных на десятках реализованных проектов. Задача — лендинг для проверки спроса и сбора первых заявок.
КЛИЕНТ
стартап Storge AI
ЗАДАЧА
лендинг для теста MVP
ПЛАТФОРМА
Tilda
РОЛЬ
позиционирование · дизайн · вёрстка
Скрипт аккордеона
id: 7
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 6
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 5
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 4
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 3
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 2
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
Скрипт аккордеона
id: 1
Инструкция будет автоматически скрыта при публикации. Либо можно оставить только один HTML-объект, а инструкцию удалить
Для настройки аккордеона перейдите в окно настроек. Для этого выделите этот блок, блок с кодом или любой элемент аккордеона, кнопка настроек появится на панели инструментов справа.
как это было сделано
Процесс работы над проектом — от первого звонка до финальной версии.
01
Знакомство и задача
Клиент пришёл со стартапом на стадии идеи — без логотипа, контента и позиционирования. Цель — протестировать спрос на MVP и собрать первые заявки. Главный вопрос был не в дизайне, а в проверке гипотезы.
02
Аналитика
Изучил конкурентов и целевую аудиторию. На основе данных от клиента уточнил портрет ЦА, сформировал гипотезы по офферу и структуре. Обсудили с заказчиком и скорректировали под его реальный опыт.
03
УТП и контент
Сформировал позиционирование с нуля: УТП, тексты, структуру. Из сырой идеи собрал чёткое предложение, понятное целевой аудитории.
04
Прототип
Собрал прототип-лендинг из шести ключевых блоков — каждый ведёт пользователя к целевому действию. Ничего лишнего, только то, что работает на заявку.
05
Дизайн
Визуальное направление полностью делегировано мне. Выбрал цифровой, технологичный стиль — сине-голубой градиент, чистая структура. Решение под характер продукта и аудиторию.
06
Вёрстка на Tilda
Реализовал лендинг на Tilda с техническими настройками. Подключил аналитику и всё необходимое для отслеживания заявок.
07
Запуск
Проект готов к тесту. Лендинг передан клиенту под запуск таргетированной рекламы — первый шаг к проверке MVP на реальной аудитории.
от прототипа
к дизайну
прототип
дизайн
мобильная версия
Сначала — структура и логика, потом — визуальное решение. Два этапа, которые определяют итог.
Сначала — структура и логика, потом — визуальное решение.
цвета и шрифты
Палитра и типографика, на которых держится весь лендинг.
ЦВЕТА
#F9F9F9
фон и поверхности
#E6EBF1
второстепенное
#3046DB
акцент
#01033E
текст · тёмный фон
ШРИФТЫ
ЗАГОЛОВКИ
Технологичный гротеск — чёткий и современный, под цифровой продукт.
Inter · SemiBold / Bold
ОСНОВНОЙ ТЕКСТ
Протестируйте спрос и соберите первые заявки. АаБбВв 0123456789
Inter · Light / Regular
Технологичный гротеск под цифровой продукт.
смотреть следующий кейс
Ещё один проект — ещё одна история от брифа до результата.
либо сделай свой сайт лучшим
Напиши мне и я проведу аудит настоящего сайта либо бриф для разработки будущего!