Провожу интервью с клиентом с целью определить задачи, изучить бизнес и компанию.
Компания занимается производством и продажей профессиональных акустических систем на заказ.
Главным разделом сайта будет являться каталог продукции с подробным описанием, а главной функцией — форма заказа.
Основное преимущество — максимальная локализация производства, т.е. применение комплектующих российского производства, тем самым добиваясь качественного продукта по низкой цене.
Продукт не является массовым, имеет свою узкою профессиональную нишу. Компания дает своим клиентам возможность получать контрольный инструмент высочайшего уровня по цене, сопоставимой с покупкой пары бюджетных активных мониторов именитых брендов. Целевой аудиторией являются профессионалы своего дела, знающих, что им нужно.
Сайт должен содержать профессиональный описательный характер, иметь понятную и логичную структуру без применения излишних креативных визуальных решений, так как пользователи, в большей степени, имеют “инженерный и технический” склад ума.
С помощью сайта компания будет принимать заявки на покупку оборудования, закрывать основные вопросы, связанные с заказом, снизить нагрузку на каналы связи и повысить доверие клиентов.
Сайт будет иметь доступную форму заявок и подробный каталог продукции. Для повышения лояльности будут разработаны раздел с отзывами социально значимых людей. Снизить нагрузку с помощью подробной информации о продукции и блоком с часто задаваемыми вопросами. Повысить доверие по средствам чистого, минималистичного и логичного дизайна, а так же страницы о компании.
На данном этапе изучаю все материалы полученные от клиента и с различных ресурсов компании. Собираю фото, видео и работаю с текстовой информацией.
У компании не было оперативной возможности отснять все продукты в качественном варианте, так как они производят на заказ и не всегда есть в наличии та или иная модель. В следствии этого было принято решение отрисовать векторные иллюстрации для каталога с продукцией.
Создаю сводные таблицы, где описываю плюсы и минусы конкурентов, выбираю лучшие и подходящие решения и функции под наш проект, анализирую структуру.
Форма заказа оборудования
Форма обратной связи
Каталог
Страница товара
Главная
О компании
Контакты
Обложка с актуальными товарами
Каталог
Отзывы экспертов
Шоурумы
Новости
Блог
FAQ
Понятные, простые композиции и формы
Переиспользование компонентов
Черно-белая цветовая схема
Создаю дизайн-концепт, отражающий бизнес компании, отталкиваясь от референсов, комбинируя их и перебирая различные решения.
Подбираю сайты с подходящей визуальной стилистикой:
Система шрифтов
Система цветов
Сетка и композиция
Стилеобразующие элементы
Подбираю референсы по композиции для каждого блока.
Подбираю по несколько референсов для каждого блока для каждой страницы и на их основе создаю дизайн: композицию, систему шрифтов и визуальную логику. Презентую клиенту по завершению.
Чищу макеты:
Переименовываю слои и элементы
Проверяю отступы и размеры
Удаляю все лишнее
Разрабатываю макеты под различные устройства.
Подготавливаю проект для разработки программным кодом или на конструкторе:
Оставляю комментарии и ссылки на примеры анимаций
Создаю UI-Кит
Разрабатываю интерактивный прототип
Реализую дизайн-макеты программным кодом на конструкторе Tilda или в редакторе кода Webflow. Или передаю разработчикам.
Планирую структуру сайта
Экспортирую и подготавливаю Медиа файлы
Настраиваю проект
Верстаю UI-Кит
Подключение сервисов аналитики и настройка функций и параметров SEO.
Демонстрирую бета-версию, вношу финальные корректировки и переношу проект на домен.
Для сохранения концепции и качества сайта провожу дизайн поддержку при необходимости изменить или наполнить сайт новым контентом.