Редизайн портала грузоперевозок "Автодиспетчер",
Цель редизайна: фейслифт сайта, исправление ошибок выбора цветов, внедрение адаптивной верстки.
Текущая цветовая палитра сайта не устраивает:
* выбиралась изначально плохо (например, пара цветов #eef4f2 и #e5ecec сливается на TN матрице)
* дополнялась разработчиками (не дизайнером) по мере надобности "на глазок"
Пожелания:
* Предпочтение плоскому дизайну (flat design).
* Сайт не презентационный, а ежедневный рабочий инструмент, поэтому предпочтительны спокойные деловые приглушенные цвета.
* Осознанный выбор цветов во всем
(статья не бесспорная, но показывает требуемый уровень проработки деталей)
* Хорошо читаемые широкораспространенные шрифты
Примеры страниц, которые нравятся:
*
чистенько, но простовато
*
атмосферно, адаптивно, нравится подбор цветов
*
нравится подбор цветов (хотя есть общее ощущение что серовато), при простом контенте удачная компоновка оставляющая впечатление богатого бекграунда
*
боги
* и гугловские принципы моб.дизайна в целом:
"Автодиспетчер" это нишевая доска объявлений, место встречи автомобильных грузоперевозчиков с их клиентами. У "Автодиспетчера" нет своего автопарка и он не осуществляет перевозки от своего лица. Основная роль "Автодиспетчер" это интернет-сервис. На сайте представлены в основном междугородние автоперевозки по РФ. Меньше международных. Много фур и коммерческих перевозок. Меньше работы для маленьких юрких "газелей", хотя и для них заказы иногда встречаются.
Тематика ограничивается автомобильными перевозками. Т.е. ж/д, водные и авиа перевозки к тематике не относятся.
Целевая аудитория:
* Перевозчики. Дальнобойщики, которые неделями колесят по стране, а в инет выходят со смартфона/ноутбука. Часто дальнобойщики поддерживают связь с домом, где жена мониторит подходящие грузы с домашнего компа.
* Диспетчера и логисты в коммерческих компаниях. Они ищут грузы и машины, заключают договора, загружают машины и отправляют грузы. Для них "Автодиспетчер" это ежедневный рабочий инструмент.
* Автолюбители. Вспомогательный сервис "расчет расстояний" часто используется автолюбителями для планирования маршрута.
Для участия в конкурсе предоставьте варианты двух страниц:
* поиск грузов (десктоп)
* расчет расстояний (планшет)
Победитель конкурса рисует мобильную версию этих двух страниц и оформляет 15 внутренних страниц для планшета (в рамках бюджета призового фонда).
Макеты внутренних страниц (только для победителя конкурса, здесь перечислены для ознакомления):
* главная
* авторынок: объявление
* авторынок: раздел
* транспорт: список
* участники: список
* личный кабинет: личные сообщения, список диалогов
* личный кабинет: личные сообщения, сообщения внутри диалога
* личный кабинет: мои рассылки
* личный кабинет: мой кошелек
* личный кабинет: мои телефоны
* ненадежные партнеры: список отзывов
* расчет расстояний: результат расчета
* расчет расстояний: для вашего сайта
* форум: список тем
* форум: страница одной темы с сообщениями
Логотип
* png
* eps:
Схема трансформации макетов при изменении разрешения экрана (png):
Разрешения экранов:
* телефоны: 320x480
* планшеты: 768x1024
* десктопы: 980x1280
Примечания к страницам:
* поиск грузов (десктоп)
* * первое объявление в списке может иметь (а может не иметь) цветовое выделение:
* * визуальные акценты в списке грузов по убыванию: маршрут, цена, тоннаж/объем/тип транспорта
* * примеры оформления списка у конкурентов (не очень удачные, но какие есть)
* * *
* * *
* * *
* * *
* расчет расстояний (планшет)
* * навигационное меню может быть скрыто/раскрыто.
* * если меню раскрыто, то подсвечивается текущий пункт (показывет текущее положение пользователя на сайте)
* * в меню может быть много пунктов и все не поместятся в одну линию.
* * навигация должна быть достаточно просторна для управления прикосновениями
UPDATE 1: Наверняка вы работаете на профессиональном откалиброванном мониторе с хорошей цветопередачей. Пожалуйста, при выборе цветов помните, что многие наши пользователи имеют недорогие TN-матрицы на которых близкие оттенки легко сливаются.