avatar Анастасия Ходакова
Номинация: Веб-дизайнер года

Проектирование, дизайн, инфографика для информационного сайта

Проектирование, дизайн, инфографика для информационного сайта

Задача

Всем привет!
Выкладываю на вашу критику еще один проект.
Это информационный сайт для компании «US Global Motors» (USGM). Компания занимается поставкой техники крупными партиями из США.
Благодаря этому проекту теперь я знаю, что такое «Хафкат» и «Ноускат», как играть на аукционах и как мне заказать поставку контейнера с автозапчастями из США 😊
Итак, к делу. Задача была сделать сайт, который максимально раскрывал бы услуги компании и, более того, объяснял бы все нюансы заказа в данной сфере.
Хочу обратить внимание:
Помимо того, что все мои макеты отвечают требованиям заказчика, они также максимально проработаны для удобства верстки и дальнейшего программирования (проработаны все стили, цвета, шрифты, сетка, кнопки, иконки, элементы, состояния и так далее; при необходимости, в файле описано поведение элементов в различных ситуациях, когда это сложно показать визуально) – все по папочкам и все по полочкам 😊

Решение

Чтобы сделать проект, максимально отвечающий требованиям заказчика, мне пришлось хорошенько разобраться в теме.
В процессе общения с заказчиком я выделила ключевое преимущество, которого нет у других компаний (компания USGM выкладывает результаты выигранных аукционов в открытом доступе, в то время как другие эту информацию скрывают). А эти данные интересны и нужны для клиентов.
Основные мои усилия были направлены на проработку инфографики, чтобы неопытному клиенту сразу все стало ясно-понятно.
При разработке дизайна я выбрала светлый, легкий стиль, без лишних элементов и графики (впрочем, как и всегда 😊).

Результат

Вашему вниманию представляю максимально проработанный макет в Figma. Все интерактивно, можно навести и покликать. Листать макеты можно стрелками лево/право, либо по навигации.
1) Первая ссылка: Макет в разрешении для компьютеров.
- Главная страница – длинная презентационная
- Страница с результатами аукционов + страница лота (это, как раз, ключевая «фишка» клиента)
- Этапы работы – подробно описаны все шаги
- Как играть на аукционах. Рекомендую к ознакомлению. Я нарисовала и начертила все максимально понятно, чтобы все знали, как на этих аукционах играть 😊
- Ценообразование. Тоже длинная страница с инфографикой для лучшего усвоения информации.
- Авторазбор. Если вы еще не знаете, как разбирают машины для отправки – рекомендую ознакомиться 😊
- Отправка техники. Пришлось хорошенько потрудиться над этой страницей, чтобы показать, как разные виды транспорта перевозят к получателям в целости и сохранности.
Ну, остальные страницы попроще:
- О компании
- Вопрос-ответ
- Галерея с подкатегориями
- Контакты с перспективой добавления новых филиалов
- Новости
- Таможенное сопровождение

2) Вторая ссылка: Мобильная версия всего вышеперечисленного.

Примеры реализации