Задача: Разработать современный дизайн сайта.
ASBIS — это международный холдинг со штаб-квартирой на Кипре, офисами в 29 странах, тремя логистическими центрами в Чехии, Объединенных Арабских Эмиратах и Китае, а также более чем 1550-ю работниками.
Компания занимается дистрибуцией компьютерных комплектующих, мобильных устройств, программного обеспечения и является официальным дистрибьютором таких брендов, как Intel, AMD, Samsung, Microsoft, Toshiba, Dell, Acer, Hitachi и Apple.
Разработанные для сайта визуалы
Перед нами стояла задача создать новый современный сайт компании, а так же показать на главной странице весь спектр корпоративных решений. Дизайн сайта решено было разрабатывать в стиле “метро”, так как компания активно продвигает решения Microsoft.
Особое внимание мы уделили проектированию простого и понятного интерфейса. После проработки различных вариантов останавливаемся на использовании фиксированной раскладывающейся боковой навигации. Данное решение довольно компактно и позволяет пользователю быстро перейти на любой необходимый раздел сайта.
Проектируем поведение элементов интерфейса
Параллельно с проектированием интерфейса работаем над расположением информационных блоков и стилем главной страницы.
Рабочие варианты главной страницы
Варианты решений информационных блоков
В ходе работы упрощаем информационную структуру и меняем белый цвет фона на фирменный темно-синий. Работаем над визуалами для главной страницы. После десятка итераций и обсуждений макет главной готов!
Главная страница
Разрабатываем баннеры для блока корпоративных решений
После согласования главной страницы приступаем к разработке и отрисовке внутренних страниц сайта. Особое внимание уделяем странице “Корпоративные решения ASBIS”.
Решения от Asbis
Скетчи идей для визуалов
Всего отрисовываем порядка 20 макетов внутренних страниц.
Стиль информационных страниц
Страница рекомендаций
Рисуем оставшиеся внутренние страницы, формы и всплывающие окна. Работаем над деталями.
Страница регистрации, Вопрос-ответ, Контакты и форма “Задать вопрос”
Ну вот, почти все готово. Дорисовываем поведение элементов, готовим руководство для технологов и макеты на верстку.