Ко мне обратился Роман — основатель компании Compass Moving. Компания помогает американцам переезжать.
Задача: сделать редизайн сайта компании Compass Moving.
Первую версию они собрали сами на конструкторе Squarespacе. Сейчас приняли решение обновить дизайн страницы.
Почему делаем редизайн?
- Сделать бренд сильнее. У компании много отзывов, клиенты рекомендуют их услуги, но сайт не выполняет свою функцию, он выглядит неудобным, устаревшим.
- Чтобы люди оформляли заказ сами. Сейчас на сайте простая форма обратной связи. Пользователи оформляют заявку, ждут ответа, менеджеры тратят время на уточнение всех деталей и оценивают. Мы добавим блок автоматической оценки и заполнения заказа.
- Расширяться. Команда хочет больше клиентов, сотрудников и заказов. Текущий сайт не позволяет им выйти на новый уровень.
Логотип
Логотип мне не понравился. В нем много деталей. Если попытаться сделать разные размеры, то в большом и среднем ещё можно рассмотреть содержимое, то в маленьком — нет.
Мне нравился сам силуэт, в нем не виделось компаса.
Я пошел в GPT, чтобы попробовать сгенерировать что-то получше.
Варианты логотипа
Все слишком острое, в верхней части грузчики идут друг на друга, а справа футуристичный грузовик
Рабочие все равно смотрят друг над друга, острые шипы идут внутрь, в целом выглядит неряшливо
Шипов больше нет, стало лучше видно рабочих и детали: рук нет, рабочие все не могут перестать смотреть друг на друга,
Попробовал ещё несколько вариантов, но кроме левого нижнего ничего интересного не получилось. Но и он, тоже с компасом не имеет ничего общего.
Зацепила стрелка
Я подумал, что эта стрелка может быть хорошим, запоминающимся символом.
На настоящих компасах часто делают акцентную стрелку, я подумал что стрелка мне подходит.
Ещё раз прикинул все варианты, что мне понравили и понял, что последний подходит идеально: круг, который символизирует компасс и акцентная стрелка, которая указывает правильное направление.
После это конвертировалось в окончательный вариант логотипа.
Проблемы старого сайта и их исправление
В старом сайте мне не нравилось почти всё, кроме подвала.
На первом экране кроме названия, номера и 4 фотографий — ничего нет. Это больше выглядит как визитка, а не первый экран сайта.
Что важно на этом экране?
- Шапка: логотип, меню, контакты, кнопка. Логотип выполняет функцию якоря, пользователь всегда знает, что кликнув попадет на главную страницу, логотип нужен для узнаваемости символа. Меню нужно для быстрого доступа к нужному блоку. Пользователь не будет смотреть все блоки. Контакты позволяют связаться
- Заголовок с призывом
- Кнопка для связи или создания заказа
Дизайн компьютерной версии
Дизайн мобильной версии
