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

Сайт аранжувальника

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

Дослідження

Користувачі

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

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

  • Диригенти
  • Музиканти-виконавці
  • Композитори-аматори
  • Продюсери
  • Саунд-продюсери
needs

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

Також враховуються такі базові для кожної людини потреби, як: довіра, безпека, поінформованість, доступність, творча реалізація тощо.

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

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

refs
refs
refs
refs

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

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

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

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

Наприклад, відвідування магазину нот:

  • Увійти на сайт
  • Перейти до розділу робіт
  • Вивчити список нот
  • Обрати ноти за складом або жанром
  • Перейти в магазин для купівлі

Весь процес наочно представлено у вигляді схеми, що значно полегшує його сприйняття.

user flow

Приклад схеми переходів по сайту

Структура

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

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

sitemap

Приклад карти сайту

Прототип

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

У прототипі схематично показано:

  • Аудіо, відео
  • Фото
  • Файли, документи
  • Інтерактивні елементи
  • Інфографіка
  • Текстові елементи
prototype

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

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

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

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

refs
refs

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

Рішення

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

swatch
swatch
swatch
swatch
swatch
swatch

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

grid
grid

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

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

typography

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

elements

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

Реалізація

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

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

work
work
work
work

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

Результат

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

devices

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

© 2017 ·  Підтримати