Agent Go - SaaS для ріелторів

SAAS продукт для ріелторів

Тип сайту: landing-page
Ніша: SaaS
Терміни: 12 днів
Статус: Завершено
Зробили: Ui/Ux, Web dev

01 Про клієнта

DESA NINJA - IT-компанія, яка займається створенням різних SAAS продуктів, що відносяться до сфери маркетингу. Одним з цих продуктів стало створення AgentGo. Він допомагає в декілька кілків налаштувати рекламу в Facebook для ріелторів

02 Цілі та задачі

Розробити зручний Landing-page, який підкреслить усі переваги нашого продукту, інформацію як це працює, зобразити темплейти рекламних креативів та розмістити відгуки наших клієнтів. У майбутньому можливо потрібно буде розширити сайт до корпоративного, і додати ряд сторінок, для прикладу сторінки робіт, інформації про кейс, блог тощо

03 Рішення

Перед початком роботи, ми отримали усю текстову інформацію, та бажану структуру послідовності блоків, тому зразу приступили до концепції дизайну сайту

Дизайн сайту

Дизайн сайту розроблявся згідно наданого корпоративного стилю клієнта та ілюстрацій, які клієнт використовував у своїх рекламних роликах. Спершу дизайн розроблявся як для Landing-page, проте згодом на сайт добавились ще декілька сторінок.

Кійко Таня

Senior Web Designer | Ui/Ux

Кольори

Шрифти

Inter Semi Bold

Inter Medium

Inter Regular

Іконки

Фото деяких секцій

Процес роботи платформи в деталях

Згідно побажань клієнта, основний акцент дизайну мав припадати на секцію - "Реклама в Facebook та Instagram - це просто". Тому було прийнято рішення розбити цю секцію на декілька блоків, та максимально описати як це працює

Ілюстрації для переваг

Для телефонів

З слів клієнта, більша частина трафіку припадає на мобільні телефони, тому перед початком розробки ми подбали про дизайн на мобільних пристроях, затвердили його з клієнтом та передали його у відділ розробки.

Розробка сайту

Загалом труднощів у цьому проекті не було. До певних особливостей можна віднести: анімація елементів при прокрутці сторінки, анімацію SVG та різна стилізація до певних блоків(яку можна змінювати в адмін.панелі сайту для тестування)

Давидов Андрій

Front-end dev.

Анімація сайту

Анімація на сайті не складна, та не нагружає систему користувачів. ЇЇ можна побачити при прокрутці сторінки та при наведенні на певні елементи. Для прикладу цікаво анімація вийшла з кнопкою, рекомендую переглянути її на відео

Back-end

Особливістю проекту була реалізація можливості редагування всієї інформації на лендингу. Також для нього потрібно було доробити розділ із кейсами клієнтів.

Зінчук Сергій

Senior Web dev.

Кейси клієнтів

Для реалізації кейсів було вирішено робити окремі сторінки для кожного із кейсів. Зроблено це для того, щоб детально розказати про результати клієнта та його шлях до цього

Редагування інформації одного кейсу

Вигляд відредагованої інформації на сайті

Проміжні блоки (етапи, переваги, відгуки...)

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

Редагування інформації етапів роботи продукту

Вигляд відредагованої інформації на сайті

Редагування інформації тарифних планів

Вигляд тарифних планів на сайті

04 Технології та інструменти

05 Результат

Проект, який повністю запущений і тестується маркетологами шляхом заміни вигляду певних блоків, та зміною послідовності їх на сторінці. Коли все буде відтестовано, то планується розширення сайту до корпоративного та ведення контент-маркетингу на ньому

Давидов Андрій

Front-end dev.

06 Слова клієнта про проект

Хочу поблагодарить компанию e-Client за создание нашего сайта для бизнеса AgentGo, SaaS платформы. Все сделали без нареканий, все правки, доработки, все вносилось в срок. Очень креативно подошли к решению задачи, всегда - если было это возможно предлагали какие то новые решения задач. Уже работаем с ними больше года, и собираемся в дальнейшем заказывать еще лэндинг пейджи и сайты. Очень рекомендую для создания веб сервисов и веб сайтов. Всем спасибо!