Завдання: розробка сайту для презентації послуг та пошуку потенційних клієнтів. Сайт мав бути сучасний, при цьому досить строгий.
Складнощі
- відсутність референсів та чіткого ТЗ від клієнта
- недостатня кількість графічних матеріалів та фотографій для наповнення сайту
- неструктурований текстовий контент
В нашій агенції є розроблений процес, за яким розробляються сайти для кліентів. Звичайно, деякі етапи можуть змінюватись. Робота над сайтом Business Financial Advisory складалась з наступних етапів:
Аналіз конкурентів та збір референсів
Фінансова сфера досить складна для проєктування дизайну, більшість сайтів однакові та нудні. Тому ми дослідили безліч сайтів схожих тематик, щоб сформувати бачення майбутнього проєкту.
Також провели інтерв’ю з клієнтом, щоб краще зрозуміти цільову аудиторію та її потреби. Ядро цільової аудиторії визначили як зрілих підприємців віком 35+.
Розробка структури сайту та окремих сторінок. Підготовка текстового прототипу.
На основі аналізу конкурентів, цільової аудиторії та інформації про послуги, яку надав клієнт, підготували структуру сайту та сторінок. Виділили такі розділи:
- Головна
- Послуги + додаткові послуги
- Кейси
- Блог
- Контакти
Нашим основним завданням було зрозуміле упакування пропозиції клієнта. Власники бізнесу найчастіше звертаються до консультанта із конкретною проблемою, тому хочуть бачити на сайті покрокове розв’язання схожої проблеми.
Окремо варто відзначити роботу над текстами, оскільки клієнт надав одразу кілька документів із неструктурованою інформацією. Ми її обробили, зробили рерайт та запропонували оптимальну структуру текстів для кожної сторінки.
Крім цього, провели інтерв’ю з клієнтом і написали кілька кейсів, які демонструють його досвід та професіоналізм.
Підготовка 3 варіантів дизайну
Ми підготували 3 варіанти дизайну першого екрану сайту, клієнт вибрав концепт.
У всіх варіантах на першому екрані використовується фотографія експерта, основна відмінність – це кольори та візуалізація додаткових елементів.
Дизайн сайту повністю
Тут ми зіткнулися з нестачею графічного контенту, тому шукали відповідні зображення на фото-стоках, корегували та оптимізували їх для використання на сайті. Також підготували ТЗ для проведення фотосесії з клієнтом, оскільки на сайті було важливо використовувати реальні фото експерта.
Клієнт вибрав строгий варіант дизайну, з досить одноманітною палітрою кольорів, тому виникла складність з акцентами. Для цього підібрали кілька додаткових кольорів.
Сайт вдалося зробити одночасного і суворим, бізнесовим, так і сучасним, що викликає задоволення від перегляду.
Всі макети сторінок адаптовані під розміри екранів від 1280 до 1920px для Desktop та від 320 до 1200px для мобільних девайсів.
Окрім розробки сайту, створили бібліотеку з UI-елементами для використання у всіх продуктах проєкту.
Програмування
Реалізували програмну частину основного функціонала сайту, адаптивну версту, мобільну версію, підключили форми зворотного зв’язку, налаштували 3 мовні версії тощо.
Сайт розроблено на CMS WordPress для зручного адміністрування.