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

Перейти на сайт

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

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

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

Іконки

Іконка підключення до кабінету
Іконка вибору шаблону
Іконка вибору аудиторії
Іконка вибору ідеальних покупців
Іконка закриття контрактів
Фото деяких секцій
Фото сайту AgentGo - 1
Фото сайту AgentGo - 2
Фото сайту AgentGo - 3
Фото сайту AgentGo - 4
Процес роботи платформи в деталях

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

Фото сайту AgentGo - 1
Фото сайту AgentGo - 2
Фото сайту AgentGo - 3
Ілюстрації для переваг

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

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

Фото мобільної версії AgentGo 1
Фото мобільної версії AgentGo 1
Фото мобільної версії AgentGo 2
Фото мобільної версії AgentGo 2
Фото мобільної версії AgentGo 3
Фото мобільної версії AgentGo 3
Фото мобільної версії AgentGo 4
Фото мобільної версії AgentGo 4
Фото мобільної версії AgentGo 5
Фото мобільної версії AgentGo 5

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

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

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

CTO | Senior Front-end dev.

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

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

Back-end

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

Senior Web dev.

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

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

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

Фото AgentGo 1

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

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

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

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

Фото AgentGo 1

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

Фото AgentGo 1

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

Фото AgentGo 1

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

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

jQuery
Modx Revolution
Gulp
Figma
MySQL
PHP
LESS
Telegram API

05 Результат

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

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

CTO | Senior Front-end dev.

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

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

Атвор відгуку: Alexander Mitrofanov
Alexander Mitrofanov

Співласник компанії AgentGo

07 Команда проекту

Управління проектом

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

Розробка

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

Контент

Кравчук Ірина

Вражені цим проектом?
Оцініть його

Інші проекти

Картинка Baza Drov - 1

Виробник твердого палива

Baza Drov

Картинка Królestwo Pierożka - 1

Виробник заморожених напівфабрикатів

Królestwo Pierożka

Хочете ефективні рішення від нас?

При комплексній роботі та довготривалій співпраці діє система знижок