Окно Заказов

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

Задача:

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

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

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

Логотип

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

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

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

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

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

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

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

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

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

Карта сайта

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

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

Рассмотреть

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

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

Прототипы

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

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

Дизайн

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

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

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

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

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

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

Иконки

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

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

Баннеры

Заглушки

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

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

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

Функции

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

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

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

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

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

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

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

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





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

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

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

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

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

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

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

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

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

Избранное

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

Сценарий

Сценарий

Текст

Текст

Озвучка

Озвучка

Motion-дизайн

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

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

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

  • Менеджеры:
  • Виталик Дощенко
  • Андрей Евтеев
  • Проектировщик:
  • Артем Ивлев
  • Дизайнеры:
  • Михаил Новожилов
  • Сергей Харлеев
  • Иван Ижанов
  • Александр Дема
  • Верстальщик:
  • Александр Плут
  • Программисты:
  • Евгений Дурягин
  • Василий Наумкин
  • Сергей Прохоров
  • Александр Рахимов
  • Motion-дизайн:
  • Роман Титовец
  • Ирина Мацанова
  • SEO:
  • weboptimize.ru
  • Юрист:
  • Виталий Ветров
  • Тестировщик:
  • Андрей Шульга
direct kamagra co uk kamagra oral jelly uk suppliers viagra jellies uk beli viagra di apotik cialis achat en ligne canada kamagra tabletter achat cialis internet canada cialis priser kamagra oral jelly dosering viagra billig einkaufen cialis lilly canada sildenafil norge cialis no prescription needed canada cialis not covered by insurance canada apotek jual viagra cialis available in canada