Slibe — застосунок для анімованих сторіс

Slibe — застосунок для створення креативних анімованих сторіс.

Завдання

Продукт треба було показати в дії: користувач має зрозуміти цінність до того, як щось встановить.

Що зробили

• структура сторінки навколо однієї дії — завантажити застосунок
• демонстрація можливостей замість переліку функцій текстом
• легка анімація, що не сповільнює завантаження
• мобільна версія як основна: продукт мобільний, і трафік теж

Деталі

Формат проєкту — лендінг під продукт: одна сторінка, одна цільова дія.

Сайт проєкту: slibeapp.com

Що враховували в продукті

Мобільний застосунок продають не описом функцій, а демонстрацією результату. Людина має за кілька секунд побачити, що саме вона зможе зробити, — і тільки після цього піде встановлювати. Перелік можливостей текстом тут програє одному короткому прикладу.

Друга особливість — трафік майже повністю мобільний. Користувач приходить із соцмереж, із телефона, і одразу на ньому ж має натиснути кнопку завантаження. Десктопна версія тут другорядна.

Структура сторінки

• Перший екран — суть продукту й кнопка завантаження.
• Можливості — показані в дії, а не переліком.
• Про продукт і план розвитку — що вже є і що буде далі: для раннього продукту це аргумент довіри.
• Навчальні матеріали — розділ, який допомагає новому користувачеві не кинути застосунок після першого запуску.

Технічні рішення

• Анімація додана дозовано: вона показує продукт, але не гальмує завантаження сторінки.
• Важкий візуальний контент вантажиться відкладено — перший екран з’являється одразу.
• Кнопка завантаження повторюється по ходу сторінки: рішення може дозріти в будь-який момент прокрутки.
• Мобільна версія проєктувалася першою.

Що отримав клієнт

• Односторінковий сайт під одну цільову дію — установку застосунку.
• Майданчик, придатний для реклами: швидкий, зрозумілий, із єдиним закликом.
• Можливість оновлювати контент без розробника.

Формат проєкту — лендінг під продукт: одна сторінка, одна дія. Коли з часом потрібен пошуковий трафік, а не лише реклама, лендінг розширюється до повноцінного сайту — чому так, пояснили у статті лендінг чи корпоративний сайт.

Потрібен схожий проєкт?

Опишіть завдання — повернемося з орієнтовною вартістю та строками. Розрахувати проєкт або подивитися інші роботи в портфоліо.