Створення сайту-візитки для
будівельно-інжирінгової
компанії Watzenrode
Будівельно-інжирінгова компанія Watzenrode – достатньо відома не тільки на українському ринку, а й світовому. Їх головні послуги, які надаються клієнтам – це функція генерального підрядника та технічного замовник.
Сама компанія Watzenrode являється лише однією із частин великого будівельного холдингу та виконує конкретні окремі власні фунції в системі: повноцінний комплекс будівельних робіт з проектування та будівництва об’єктів різного спрямування: швидкозводжуваних конструкцій, промислово-виробничих і сільськогосподарських комплексів, житлових, готельних, культурно-розважальних об’єктів, застосовуючи при цьому передові технології і використовуючи виключно перевірені, надійні будівельні матеріали від провідних виробників.
Про проєкт
З плином часу деякі візуальні рішення (UI), формулювання, заголовки і власне архітектура поточного сайту застаріли. Потрібно було оновити дизайн, враховуючи вже існуючий стиль, але додати власну “родзинку”, зберегти лаконічність та простоту.
Основний сегмент цільової аудиторії нового сайту — це вже поточні або “гарячі” клієнти, тобто ті, що вже знають про компанію. Але проєктуючи дизайн не можна залишати поза увагою потенційних користувачів, які потраплять на сайт вперше. Головна сторінка — це послідовні блоки, переглядаючи які, ми намагалися використати елементи, що розповідають історію, відповідаючи на питання Хто? Що? Навіщо? Коли? Де?
Ми хотіли витримати сайт одночасно і сучасним, і класичним, змінити старі формулювання-“кліше” на зрозумілі та простіші, забезпечити довіру користувача та природнє бажання затриматися на сайті довго.
Проблеми
- Застарілий дизайн компанії, що знаходиться в єдиній системі холдингу, а отже по стилю неповинен надто виділятися.
- Тексти і заголовки по своєму стилю схожі на кліше та звучать не привабливо.
- Новий сайт має зберегти анімаційність елементів, але використовуючи сучасні стилі.
Послуги
- Проєктування головної сторінки (UX) та інформаційної архітектури сторінок.
- Оновлення візуальної системи дизайну в рамках сайтів дочірніх компаній холдингу.
- Адаптивний сайт з елементами анімацій об’єктів.
Рішення задачі клієнта
Існуючий фірмовий колір компанії — синій. Для того, щоб освіжити дизайн було запропоновано дизайн, що базується на свіжому градієнті синіх кольорів, які відповідають тонам і насиченості усталеного раніше стилю.
Серед основної характеристики основи стилю оновленого дизайну — це асиметричність, що споглядається в меню, прикріпленому до лівого краю, окремих блоках, що розміщені по правій, чи по лівій осі і деякі інші рішення.
Було пропрацьовано кілька версій блоку з кейсами. Ключова ідея, яку прагнули ефективно втілити — це екран з кейсами. Завжди існують завершені проєкти, але в рамках сфери будівництва є особливість — довготривалі проєкти, в стані виконання. Так як, замовники клієнта завжди впізнавані бренди, було запропоновано поєднати в одному екрані (рамках поля зору користувача) кейси та бренди. Сам кейс може мати два стани — “виконано” або “в процесі”.
Ми проектували кілька варіантів дизайну, з деталізацією етапів будівництва та без, застосовували анімації і тестували без неї.
У результаті все ж зупинилися на симбіозі двох блоків (проєкти та бренди), але без анімації і деталізації.
Етапи роботи над проєктом
- Перший етап — брифінг задачі клієнта в розрізі конкурентного аналізу. Виявлення сильних та слабких сторін в дизайні і функціоналі компаній, що надають послуги в сфері будівництва.
- Другий етап — створення варфрейму головної сторінки. Проектування шляху користувача на головній сторінці. Карта сайту. UX-writing заголовків та ключових фраз.
- Третій етап — створення першого варіанту UI.
- Четвертий етап — внесення змін в дизайн-макети, згідно коментарів клієнта.
- П’ятий етап — верстка, тестування та наповнення.
Результат роботи над проектом
Нетиповість роботи над проєктом для нашого агенства полягала в тому, що фінальний результ готового сайту пройшов кілька критичних змін, здійснених уже після попередньо затверджених етапів (прототипу, корегувань готових дизайн-макетів та змін у сайті, на етапі верстки). Дані рішення приймалися клієнтом у зв’язку зі змінами в стратегічному розвитку.
Для того, аби сайт відрізнявся вигідно на тлі інших компаній, було реалізовано такі елементи, як прелоадер, анімація окремих елементів в блоках при наведенні, відмальовано та протестовано різні варіанти іконок, продумано інтерактивність проєктів в процесі. Сайт відрізняється тим, що він має асиметричну структуру, завдяки боковим елементам, меню-гамбургера.
Для нас проєкт був цікавим та приємним. Ми намагалися зробити більше, ніж від нас очікували, щоб створити дійсно потрібний, класний продукт.
1 місяць
Витрачено на верстку, адаптивність, тестування та зміну в готових сторінках
