Slibe — застосунок для створення креативних анімованих сторіс.
Задание
Продукт треба було показати в дії: користувач має зрозуміти цінність до того, як щось встановить.
Что сделали
- структура сторінки навколо однієї дії — завантажити застосунок
- демонстрація можливостей замість переліку функцій текстом
- легка анімація, що не сповільнює завантаження
- мобільна версія як основна: продукт мобільний, і трафік теж
Подробности
Формат проєкту — лендінг під продукт: одна сторінка, одна цільова дія.
Сайт проекта: slibeapp.com
Що враховували в продукті
Мобільний застосунок продають не описом функцій, а демонстрацією результату. Людина має за кілька секунд побачити, що саме вона зможе зробити, — і тільки після цього піде встановлювати. Перелік можливостей текстом тут програє одному короткому прикладу.
Друга особливість — трафік майже повністю мобільний. Користувач приходить із соцмереж, із телефона, і одразу на ньому ж має натиснути кнопку завантаження. Десктопна версія тут другорядна.
Структура сторінки
- Первый экран — суть продукту й кнопка завантаження.
- Можливості — показані в дії, а не переліком.
- Про продукт і план розвитку — що вже є і що буде далі: для раннього продукту це аргумент довіри.
- Навчальні матеріали — розділ, який допомагає новому користувачеві не кинути застосунок після першого запуску.
Технические решения
- Анімація додана дозовано: вона показує продукт, але не гальмує завантаження сторінки.
- Важкий візуальний контент вантажиться відкладено — перший екран з’являється одразу.
- Кнопка завантаження повторюється по ходу сторінки: рішення може дозріти в будь-який момент прокрутки.
- Мобільна версія проєктувалася першою.
Что получил клиент
- Односторінковий сайт під одну цільову дію — установку застосунку.
- Майданчик, придатний для реклами: швидкий, зрозумілий, із єдиним закликом.
- Можливість оновлювати контент без розробника.
Формат проєкту — лендінг під продукт: одна сторінка, одна дія. Коли з часом потрібен пошуковий трафік, а не лише реклама, лендінг розширюється до полноценного сайта — чому так, пояснили у статті лендинг или корпоративный сайт.
Докладніше про те, що входить у розробку вебсервісів, строки й вартість — на сторінці этой услуги.
Нужен похожий проект?
Опишите задачу — мы свяжемся с вами и сообщим ориентировочную стоимость и сроки. Рассчитать проект или посмотреть другие работы в портфолио.


