Разработка сайта
N-Acoustics

Корпоративный сайт профессиональных акустических систем российского производства.

Бриф

01

Провожу интервью с клиентом с целью определить задачи, изучить бизнес и компанию.

основные вопросы
Выявлено
Выводы и решения для сайта

О продукте

Компания занимается производством и продажей профессиональных акустических систем на заказ.

Главным разделом сайта будет являться каталог продукции с подробным описанием, а главной функцией — форма заказа.

УТП

Основное преимущество — максимальная локализация производства, т.е. применение комплектующих российского производства, тем самым добиваясь качественного продукта по низкой цене.

Целевая аудитория

Продукт не является массовым, имеет свою узкою профессиональную нишу. Компания дает своим клиентам возможность получать контрольный инструмент высочайшего уровня по цене, сопоставимой с покупкой пары бюджетных активных мониторов именитых брендов. Целевой аудиторией являются профессионалы своего дела, знающих, что им нужно.

Сайт должен содержать профессиональный описательный характер, иметь понятную и логичную структуру без применения излишних креативных визуальных решений, так как пользователи, в большей степени, имеют “инженерный и технический” склад ума.

Бизнес-задача

С помощью сайта компания будет принимать заявки на покупку оборудования, закрывать основные вопросы, связанные с заказом, снизить нагрузку на каналы связи и повысить доверие клиентов.

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

Сбор и подготовка контента

02

На данном этапе изучаю все материалы полученные от клиента и с различных ресурсов компании. Собираю фото, видео и работаю с текстовой информацией.

Сущности

Создание контента

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

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

Конкурентный анализ

03
Критерий анализа
подходящие решения

Набор функций

  • Форма заказа оборудования

  • Форма обратной связи

Набор страниц

  • Каталог

  • Страница товара

  • Главная

  • О компании

  • Контакты

Структура главной страницы

  • Обложка с актуальными товарами

  • Каталог

  • Отзывы экспертов

  • Шоурумы

  • Новости

  • Блог

  • FAQ

Визуальный стиль

  • Понятные, простые композиции и формы

  • Переиспользование компонентов

  • Черно-белая цветовая схема

Прототипирование

04

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

Визуальный концепт

05

Визуальный анализ

Сбор референсов

Дизайн-концепт

Финализация

Адаптивы

Подготовка проекта

Разработка

06

Реализую дизайн-макеты программным кодом на конструкторе Tilda или в редакторе кода Webflow. Или передаю разработчикам.

Подготовка к верстке

Верстка десктопной версии

Разработка анимаций

Верстка адаптивных версий

Аналитика и SEO

Тестирование

Передача проекта клиенту

Дизайн-поддержка

07

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