Проєктування і дизайн

Сайт аранжувальника Олексія Таланова

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

Користувачі

Вивчення потреб користувачів стало основою для створення структури, функцій і змістовного наповнення нового сайту.

scenario

Основні групи користувачів.

needs

Думки, потреби та цільові дії користувачів

Важливі аспекти, такі як довіра, безпека, поінформованість, зручність і можливість для творчості, також були враховані.

Аналіз конкурентів

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

refs
refs
refs
refs

Приклади сайтів авторів та аранжувальників.

Проєктування

Сценарії взаємодії

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

scenario

Приклад лінійного сценарію.

user flow

Весь процес наочно представлено у вигляді схеми

Структура

Структура сайту організувала вміст логічно та зрозуміло, завдяки чому користувачі змогли легко знайти потрібну інформацію.

sitemap

Детальна схема відображає ієрархію, потреби та цільові дії користувачів

Прототип

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

prototype

Відкрити прототип в браузері

Дизайн інтерфейсу

Загальні вимоги

Основні вимоги автора полягали в уникненні застарілих візуальних кліше та підкресленні сучасного характеру роботи аранжувальника.

refs
refs

Типові приклади тематичних сайтів із застарілою стилістикою

Рішення

Нова дизайн-концепція була розроблена з урахуванням легкості і чистоти, що значно покращує сприйняття інформації.

swatch
swatch
swatch
swatch
swatch
swatch

Фірмова колірна палітра

grid
grid

Організація вмісту за допомогою сіток.

Дизайн-система об'єднала всі елементи інтерфейсу для підтримки та розвитку проєкту.

typography

Шрифт і типографія

elements

Піктограми та інтерактивні елементи

Реалізація

Розробка і наповнення

Реалізація сайту на платформі без програмування дозволила впровадити всі функції та вчасно запустити проєкт.

work
work
work
work

Сторінки доповнено якісними фото та обкладинками.

Результат

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

devices

Сайт, адаптований під мобільні пристрої

Повернутися на головну

Київ • О. Кравчук • 2017