Web-дизайн сайтов

Разработка дизайна начинается с вопроса „кто ваш клиент?“.

В процессе ответа на данный вопрос мы собираем информацию о нем - кто он, чем ваш продукт может быть полезен ему, какие задачи пользователя он решает.

Составляем Customer journey (путь клиента).

Рассмотрим на примере интернет-магазина детской одежды (для вашего сайта и тематики не зависимо от типа сайта - магазин, Landing-Page, корпоративный сайт и т.д. будет реализовано по аналогии).

Пример для наглядности - интернет-магазин
детской одежды/обуви

Определение основных стадий customer journey (пути клиента):

Первое, что нужно сделать — разбить путь ваших клиентов на отправные точки. Чем больше точек будет, тем лучше. Минимум их должно быть 5-10.

1. Клиент видит, какой-то товар у других детей, в интернете на фото или в каком-то другом месте. В этот момент возникает потребность и желание узнать про этот товар.
2. Начинает спрашивать про этот товар у друзей или искать примеры в Google.
3. Он забывает про этот товар.
4. Опять где-то видит товар и начинает хотеть его.
5. Ищет, где можно купить.
6. Попадает на сайт.
7. Находит карточку товара.
8. Смотрит характеристики.
9. Сравнивает с конкурентами.
10. Возвращается на ваш сайт.
11. Оставляет заявку.
12. Звонок менеджера.
13. Оплата.
14. Доставка товара.

Рассказ о товаре и вашем магазине друзьям.
Повторная покупка.

Этих пунктов может быть еще больше.

Sitemap (Карта сайта)

Из исходных данных заказчика составляется карта сайта, в которой определяются все страницы сайта и их связи.

Предоставляет заказчик

1. Бриф.
2. Комментарии и пожелания.
3. Весь имеющийся контент – тексты, фото, видео.

Делает дизайнер

1. Проводит исследования (Из представленного брифа анализируются сайты конкурентов).
2. Создается карта сайта - все возможные связи между страницами.
3. На основании карты сайта и собранной ранее информации рисуются Wireframes.
4. После этого создается прототип сайта. Прототип, который часто путается с Wireframe, — это середина на пути к высококачественному изображению финального продукта, стимулирующего взаимодействие с пользовательским интерфейсом. На данном этапе прорабатывается UX взаимодействие.
   Они должны позволить пользователю:
   а) Воспринимать контент и взаимодействие с интерфейсом
   б) Тестировать основные взаимодействия по аналогии с финальным продуктом
5. Следующий этап в разработке - создание Mockup.
   Mockup – это середина на пути к высокоточному, статичному дизайн-образу.
6. На основании всей проделанной работы создается полноценный UI концепт с полностью продуманным интерфейсом, отвечающим всем современным трендам и тенденциям, вызывающий у пользователей положительный опыт взаимодействия, позитивные эмоции, а так же решение конкретных задач, стоящим перед WEB ресурсом.

Эмоциональный дизайн

«Эмоциональный дизайн» — это не просто симпатичный дизайн. Симпатичный дизайн — это уже аксиома. Самое главное для нас то, что хороший дизайн выдерживает критику и вызывает эмоции и, что еще важнее, влияет на чью-то жизнь.

Хороший дизайн продает

Хороший дизайн - это дизайн, который волнует, продает и увековечивает. Мы всегда хотим, чтобы нас запомнили за продукты и дизайны, которые будут высоко оценены и которые решают проблемы. Каждый проект, выпускаемый студией, должен быть причиной гордости и желания.

Хороший дизайн решает проблему

Для нас хороший дизайн — это дизайн, который дает лучшее (умное и продуманное) решение проблемы.

Хороший дизайн - это дизайн который работает

Мы уверены, что хороший дизайн важен, потому что он просто работает. Действительно, всё так просто. Меньше головной боли от попыток понять дизайн.