Сайт аранжувальника Олексія Таланова
Користувачі
Вивчення потреб користувачів стало основою для створення структури, функцій і змістовного наповнення нового сайту.
![scenario](img/users.png)
Основні групи користувачів.
![needs](img/at_needs-7.png)
Думки, потреби та цільові дії користувачів
Важливі аспекти, такі як довіра, безпека, поінформованість, зручність і можливість для творчості, також були враховані.
Аналіз конкурентів
Перегляд сайтів конкурентів допоміг зрозуміти ключові тренди в галузі, знайти цікаві ідеї та відкрити важливі інсайти.
![refs](img/at_refs-1.png)
![refs](img/at_refs-2.png)
![refs](img/at_refs-3.png)
![refs](img/at_refs-4.png)
Приклади сайтів авторів та аранжувальників.
Сценарії взаємодії
Сценарії взаємодії показали, як користувачі досягають цілей на сайті, використовуючи різні моделі.
![scenario](img/scenario_2.png)
Приклад лінійного сценарію.
![user flow](img/at_flow.png)
Весь процес наочно представлено у вигляді схеми
Структура
Структура сайту організувала вміст логічно та зрозуміло, завдяки чому користувачі змогли легко знайти потрібну інформацію.
![sitemap](img/at_sitemap_extended.png)
Детальна схема відображає ієрархію, потреби та цільові дії користувачів
Прототип
Інтерактивний прототип дав змогу швидко протестувати ідеї і знайти помилки на ранніх етапах, покращуючи досвід користування у майбутньому.
![prototype](img/at_proto_flow.png)
Загальні вимоги
Основні вимоги автора полягали в уникненні застарілих візуальних кліше та підкресленні сучасного характеру роботи аранжувальника.
![refs](img/at_antirefs-1.png)
![refs](img/at_antirefs-2.png)
Типові приклади тематичних сайтів із застарілою стилістикою
Рішення
Нова дизайн-концепція була розроблена з урахуванням легкості і чистоти, що значно покращує сприйняття інформації.
![swatch](img/at_swatch-01.png)
![swatch](img/at_swatch-02.png)
![swatch](img/at_swatch-03.png)
![swatch](img/at_swatch-04.png)
![swatch](img/at_swatch-05.png)
![swatch](img/at_swatch-06.png)
Фірмова колірна палітра
![grid](img/at_design_grid6.png)
![grid](img/at_design_grid8.png)
Організація вмісту за допомогою сіток.
Дизайн-система об'єднала всі елементи інтерфейсу для підтримки та розвитку проєкту.
![typography](img/at_library-1.png)
Шрифт і типографія
![elements](img/at_library-2.png)
Піктограми та інтерактивні елементи
Розробка і наповнення
Реалізація сайту на платформі без програмування дозволила впровадити всі функції та вчасно запустити проєкт.
![work](img/at_screen-01.png)
![work](img/at_screen-02.png)
![work](img/at_screen-03.png)
![work](img/at_screen-04.png)
Сторінки доповнено якісними фото та обкладинками.
Результат
Продуманий зміст і акуратний дизайн зробили сайт простим і приємним у користуванні. Сьогодні він функціонує двома мовами, допомагаючи автору залучати нові замовлення.
![devices](img/at_devices.png)
Сайт, адаптований під мобільні пристрої
Київ • О. Кравчук • 2017