UI - UX ДИЗАЙН & РАЗРАБОТКА, ПОДДЕРЖКА / АПРЕЛЬ 2020

Создание сайта для компании производителя из Японии

О проекте

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

Клиент

AIXIA, Япония

Работы
  • UI – UX Дизайн
  • Web Разработка
  • Поддержка, обновление
  • Хостинг и почтовые сервисы
СКРИНШОТЫ / ДИЗАЙН СТРАНИЦ

Страницы сайта компании

ПОДРОБНЕЕ О ПРОЕКТЕ

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

Создание нового современного промо сайта для иностранной производственной компании для выхода на рынок СНГ. Одно из направлений компании –  производство и реализация премиальных высококачественных кормов для животных.

“Главная задача этого проекта – продумать концепцию, сделать интересный современный легкий дизайн и разработать сайт для ознакомления партнеров и потенциальных покупателей с линейкой продукции компании .

Сделали акцент на современность визуального стиля, ориентированность на рынок стран СНГ, простоту подачи информации, понятность и хорошую графику.

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

ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ

ИССЛЕДОВАНИЯ 25%
АНАЛИЗ РЫНКА И ЦА 56%
ПРОТОТИПИРОВАНИЕ 80%
ДИЗАЙН 90%
ПРОГРАММИРОВАНИЕ 47%
ПОДДЕРЖКА 84%
ПРОДВИЖЕНИЕ 25%
МАРКЕТИНГ 34%
ПОСМОТРИТЕ ШОУРИЛ - ПРАВДА, ЗДОРОВО!?

Видео о проекте

ЭТАПЫ РАБОТЫ НАД ПРОЕКТОМ ПО СОЗДАНИЮ САЙТА

Цели и задачи проекта

отрисовка иллюстраций для страниц нового сайта
дизайн информационных блоков для страниц каталога товаров на сайте

СИТУАЦИЯ НА СТАРТЕ

К нам через систему обратной связи на сайте в CRM обратилась компания с запросом о создании сайта. Мы оперативно отреагировали на входящий лид и связались с представителем для обсуждения деталей.

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

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

Всегда есть ментальная разница и визуальные предпочтения для разных стран. Это всегда надо учитывать при создании дизайна. Но, так как проект ориентирован на русскоговорящую аудиторию, то и ориентировались мы на визуальные предпочтения такого сегмента.

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

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

ЗАДАЧИ ДЛЯ WBSTAR

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

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

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

подготовка текстов и фотографий товара для добавления на сайт
КАК СОЗДАВАЛСЯ РЕСУРС

Решение и ключевые моменты проекта

прототипирование, дизайн и разработка второстепенных страниц сайта

ПОДАЧА ИНФОРМАЦИИ

У всех сайтов, как таковых, нет главных и второстепенных страниц. Такое условное разделение мы применяем, чтобы немного структурировать эту информацию.

Все страницы важные, каждая из них выполняет определенную задачу для бизнеса. Мы проектировали их, постоянно помня об этом. Решали поставленные заказчиком задачи, думали как сделать изящнее и проще. Сделали важные блоки интерактивными и добавили анимацию интерфейса.

ОСОБЕННОСТИ РЕАЛИЗАЦИИ ПРОЕКТА

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

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

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

создание карты магазинов где купить в различных городах с поиском на сайте
копирайтинг и добавление информации на сайты в Волгограде

ДРУГИЕ “ФИШКИ”

Вся необходимая информация должна быть представлена на страницах, но не быть тяжелой к восприятию. Поэтому мы активно использовали табы, аккордионы – информация доступна по клику и не съедает объем экрана.

Анимация блоков, движущиеся элементы, svg графика, иллюстрации, “залипание блоков” при скролле – все это придает сайту интерактивности и живости.

СЛОЖНОСТИ И УСЛОВИЯ РЕАЛИЗАЦИИ

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

Я не говорю, что все совсем без них обходится, но мы научились их решать.

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

добавление форм обратной связи на сайт и интеграция с CRM системами
ЦИФРЫ

Отлично поработали

0 + Часов разработки
0 + Прототипов страниц создано
0 + Текстов и заголовков
0 + Фото подготовлено
ИТОГИ / ЧТО НЕОБХОДИМО ЕЩЕ?

Итоги и планы

добавление формы обратной связи whatsapp на сайты

РЕЗУЛЬТАТЫ РАБОТЫ

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

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

Настроили хостинг, почту, мессенджеры, социальные сети и аналитику.

Обеспечили прекрасную гладкую и быструю работу ресурса на любых устройствах.

РАЗВИТИЕ ПРОЕКТА

Любому сайту необходима поддержка. Как программной части (обновления, обеспечение бесперебойной работы и безопасности), так и в плане продвижения.

На сайт необходимо добавлять новые материалы, статьи, видео. Все это должно согласовываться с маркетинговой стратегией компании. Мы предложили несколько вариантов видения этого процесса, которые заказчик одобрил и приступили к реализации.

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

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

Долгосрочное сотрудничество, качество и экспертиза на каждом этапе проекта – вот основные принципы WBSAR, которые мы транслируем на каждого нашего клиента.

Нам по плечу многие задачи – обращайтесь, поможем. Если наши знания и компетенции вас устроят, то WBSTAR может стать полезными для роста вашего бизнеса.

сайт хорошо отображается в телефоне

Спасибо за просмотр!