Окно Заказов

Здесь находят друг друга поставщики и потребители товаров и услуг

Задача:

Разработать площадку для заявителей и поставщиков, которые смогут связываться друг с другом напрямую.

Главная страница портала заявок

Фирменный стиль

Логотип

Начали с создания фирменного стиля. Было подготовлено несколько логотипов и их эскизов в разных цветовых решениях.

После утверждения синего знака, представляющего собой две буквы «ОЗ» и стрелки, символизирующие обмен между поставщиком и заявителем.

В чистовом варинте были сделаны еще два варианта логотипа и вместе с исходниками переданы клиенту.

Остальное — в корзину.

Бланк, визитка, цвета

Создали брендбук в бело-голубой цветовой гамме, включающий в себя помимо прочего: строгие визитку и бланк.

Помощь в регистрации товарного знака

После создания фирменного стиля, все исходники были переданы заказчику для регистрации товарного знака, фирменного наименования и доменного имени.

Проектирование

Карта сайта

Перед началом работ над таким большим проектом мы составили подробную карту сайта с перечнем основных страниц и связями.

Карта позволила создать структуру сайта программистам и определила перечень страниц для прототипа и дизайна.

Рассмотреть

Ключевые персонажи

Отдельным документом описали ключевых персонажей и сценарии взаимодействия.

Прототипы

Основываясь на результатах предпроектного анализа, разработали прототипы всех основных страниц сайта.

Интерактивный прототип сайта также включает в себя схему расположения рекламных баннеров.

Дизайн

Адаптивность

Мы спрогнозировали (и не ошиблись) большую посещаемость с мобильных устройств. Прототип, дизайн и верстка были сделаны с учетом поддержки малых экранов.

Ширина сайта изменяется в зависимости от разрешения экрана устройства.

История версий

Получив первые прототипы, дизайнер подготовил несколько версий главной страницы до утверждения заказчиком.

В процессе работы мы пришли к выводу, что дизайн требует доработки: изменили цветовую гамму, упростили авторизацию, закрепили «шапку».

Иконки

Для удобства восприятия каждая категория каталога обозначена специальной иконкой.

Потребовались крупные и миниатюрные изображения.

Баннеры

Заглушки

Далеко не все пользователи портала ответственно оформляют свои профили: загружают аватары и логотипы компаний.

Чтобы разнообразить выдачу каталога мы отказались от безликих заглушек «Нет фото» и нарисовали яркие и красивые картинки, которые показываются в случайном порядке.

Так сайт выглядит значительно живее.

Функции

Создание заявки

Добавление заявки происходит без регистрации. Для удобства заполнения, каждому полю соответствует подсказка. При выборе категории в текст заявки подставляется шаблон.

Форма позволяет добавлять файлы: перетащите их в поле или воспользуйтесь кнопкой.

Модерирование заявки

После оповещения о новой заявке модератор может отклонить (с указанием причины) или опубликовать заявку, предварительно отредактировав.

Личный кабинет

Вход в кабинет открывает гостю возможность выступать в качестве поставщика или заявителя. Чтоб добавить свою компанию в каталог поставщиков — достаточно заполнить данные профиля.

Левое меню разделено на 2 зоны: «Поставщику» (предложения, акции, избранные заявки) и «Заявителю» (мои заявки, избранные поставщики и добавление заявки).





Авторизация через социальные сети

Регистрация максимально упрощена: введите электронную почту или войдите с помощью аккаунта социальных сетей.

Поиск и фильтры

Найти подходящую заявку можно через рубрикатор или, воспользовавшись поисковой строкой.

Поиск понимает различные словоформы и быстро работает. Фильтры обновляют содержимое страницы без перезагрузки.

Система баннеров

Администратор может менять количество и расположение баннеров на страницах и отслеживать статистику кликов по ним.

Система отзывов

Рассылка сообщений

Избранное

Создание обучающих видеороликов

Сценарий

Сценарий

Текст

Текст

Озвучка

Озвучка

Motion-дизайн

Чтобы заявителю и поставщику было проще разобраться с функциями портала, мы сделали два обучающих видеоролика.

Написали сценарий, текст и отправили на озвучку профессиональному диктору. Когда все было готово, motion-дизайнер разработал анимацию.

Над проектом работали:

  • Менеджеры:
  • Виталик Дощенко
  • Андрей Евтеев
  • Проектировщик:
  • Артем Ивлев
  • Дизайнеры:
  • Михаил Новожилов
  • Сергей Харлеев
  • Иван Ижанов
  • Александр Дема
  • Верстальщик:
  • Александр Плут
  • Программисты:
  • Евгений Дурягин
  • Василий Наумкин
  • Сергей Прохоров
  • Александр Рахимов
  • Motion-дизайн:
  • Роман Титовец
  • Ирина Мацанова
  • SEO:
  • weboptimize.ru
  • Юрист:
  • Виталий Ветров
  • Тестировщик:
  • Андрей Шульга