Портфолио / создание сайта
Сайт-каталог промышленного инструмента
Разработал сайт-каталог для дистрибьютора профессионального инструмента. Сильный визуальный язык, удобная навигация и фокус на продукте.
о проекте
Клиент
Spark Tools. Дистрибьютор профессионального инструмента
Задача
Создать многостраничный сайт, где можно заказать оборудование.
Что сделано
Создан сайт, а также проведена начальная SEO-оптимизация.
Сроки
4 недели. Начинай от проектирования дизайна, заканчивая хостингом.
Роль
Создание проекта с нуля "под ключ" с полной проработкой проекта.
ключевые решения
идея и подход
Чистый дизайн.
Четкие акценты.
Четкие акценты.
Я смотрю на сайт как на систему: от первого впечатления до заявки, от структуры страниц до будущего масштабирования. Для данного клиента был разработан текстовый прототип сайта, чтобы получить потенциально высокую конверсию проекта с учетом экспертизы клиента.
Исходя из текстовой структуры, был разработан дизайн. С большим количеством негативного пространства и четкими акцентами на коммерческие факторы.
Исходя из текстовой структуры, был разработан дизайн. С большим количеством негативного пространства и четкими акцентами на коммерческие факторы.
дизайн-система
процесс
01
Анализ технического задания
Смотрю, как устроены сайты в вашей нише, какие офферы используют, как подают услуги, где сильные и слабые места Это помогает не делать сайт “как у всех”, а найти понятное отличие
02
Анализ ближайших конкурентов
Смотрю, как устроены сайты в вашей нише, какие офферы используют, как подают услуги, где сильные и слабые места Это помогает не делать сайт “как у всех”, а найти понятное отличие
03
Создание текстовых прототипов
Чтобы коммерческое предложение качественно упаковать, я создаю текстовую расшифровку основных страниц. Это потенциально дает хорошую конверсию.
04
Создание визуальной концепции
Собираем в единый документ фирменные цвета, шрифт, элементы интерфейса, стили иконок и изображений. На выходе получает готовый гайд по визуальному оформлению проекта.
05
Черно-белые прототипы страниц
Чтобы красивые элементы не отвлекали внимание, я создаю черно-белые версии макета. Так сразу можно проверить первичную логику блоков сайта и их сочетание на практике.
06
Итоговая отрисовка + дизайн-система
Завершаем дизайн, добавляя в макет средства визуализации (цвета, изображения, иконки и т.д.). А также создаем качественную дизайн-систему для масштабирования.
дизайн-макеты
