Работу над сайтом начали с решения стилистических задач: выбрали подходящий шрифт и цветовую гамму, отражающую концепцию компании.
Rubik
Используемый шрифт
Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъ ы Ь Ээ Юю Яя 1234567890
прототипы
Определившись со стилистикой, приступили к отрисовке прототипов. В общей сложности мы отрисовали более 50 экранов прототипов.
для прототипов отрисовано
Главная страница
Каталог
Страница товара Маркет
Страница входа и регистрации
Аккаунт пользователя
Страницы: специалистам, подрядчикам и пользователям
дизайн сайта
Утвердив прототипы, мы занялись поэтапной отрисовкой сайта и всех необходимых компонентов.
Начинаем с главной страницы.
не забываем про адаптивы
Отрисовываем адаптивную версию дизайна для планшета и мобильных устройств
Страницы
Поставщикам, производителям, о сервисе
каталог
Является одной из ключевых страниц сайта, поэтому ему мы уделили особое внимание, проработав все pop-up окна, статусы и состояния элементов
Дизайн элементов
Мы провели большую работу над всеми дизайн элементами, включая самые незначительные
маркет
Внутри функционала сайта мы также проработали один из ключевых и объемных разделов
товар на маркете
Страница маркета
Страница маркета
вход и регистрация
Проработали страницы авторизации и входа пользователя на сайт
аккаунт пользователя
В личном кабинете пользователь может просматривать и редактрировать личные данные, а также отслеживать свои объявления, вопросы и настраивать уведомления.
Страница ошибки
Не забыли и про фирменную страницу ошибки 404, чтобы весь сайт был в едином фирменном стиле.
UI-KIT
Для всех использующихся элементов на сайте
Результат
Создан многостраничный сайт, адаптированный под мобильные устройства, с разработанным фирменным стилем, маркетом и форумом для пользователей.