Создание современного промо сайта для иностранной компании из Японии. Направление деятельности – оптовые поставки высококачественных товаров от японских производителей.
UI - UX ДИЗАЙН & РАЗРАБОТКА, ПОДДЕРЖКА / АПРЕЛЬ 2020
Создание сайта для оптовой торговой компании из Японии
О проекте
Дизайн, создание и наполнение мультиязычного сайта торговой оптовой компании. Разработка, прототипирование страниц, анимация интерфейсных блоков страниц, подготовка графических материалов и текстовой информации.
Клиент
JWT, Япония
Работы
- UI – UX Дизайн
- Web Разработка
- Поддержка, обновление
- Хостинг и почтовые сервисы
СКРИНШОТЫ / ДИЗАЙН ЛОГО ДЛЯ САЙТА
Текстовый логотип компании
в векторном формате
ПОДРОБНЕЕ О ПРОЕКТЕ
Процесс создания сайта для торговой компании
“Главная задача этого проекта – продумать концепцию, сделать ультра минималистичный современный легкий дизайн и разработать сайт для ознакомления клиентов со всего мира с товарными предложениями и услугами компании .
Сделали акцент на минимализм, типографику, простоту восприятия и подачи информации, логичность и анимацию интерфейса.
Сделали сайт мультиязычным, теперь страницы доступны на нескольких языках.
ИСПОЛЬЗОВАННЫЕ РЕСУРСЫ
РАБОТАЕМ С КЛИЕНТАМИ ИЗ РОССИИ И НЕ ТОЛЬКО!
Видео о проекте
ЭТАПЫ РАБОТЫ НАД ПРОЕКТОМ ПО СОЗДАНИЮ САЙТА
Цели и задачи проекта
СИТУАЦИЯ НА СТАРТЕ
Мы уже работали с нашими японскими друзьями, когда они обратились к нам за помощью в реализации еще одного проекта.
После обсуждения деталей в режиме видеоконференции мы взяли паузу на то, чтобы обдумать услышанное, как-то структурировать информацию и предложить решение.
Из задач, которые необходимо было решить это: подготовить всю графику, иллюстрации, логотип. Текстовую часть заказчик обещал предоставить (в любом случае необходимо ее структурировать, разбивать на логические блоки, для которых создавать дизайн).
Естественно, мы спросили, как можно зайти далеко в уровне креативности – ведь восток это другая культура, другие обычаи. Можно по незнанию надизайнить то, что может быть неуместным для другого региона. Ответ нас порадовал – можно творить. Отлично!
Язык. Кто не знает – существуют несколько написаний японских иероглифов (Ромадзи, Хирагана, Катакана). А как верстать информационные блоки, как это будет смотреться и читаться в заголовках, в текстах. Было немного не по себе – вдруг что-то не то будет. Одна из языковых версий – для Европы и Америки – там более менее понятно, что и как делать. И это успокоило.
После недолгого раздумья, мы взялись за поиск дизайнерских решений и реализацию этих идей в прототипах. Копали интернет в поисках референсов, читали о культуре, смотрели японские сайты.
ЗАДАЧИ ДЛЯ WBSTAR
Придумали, согласовали и нарисовали логотип – его у заказчика не было. Расписали путь пользователя, как и куда и что и почему.
Создали архитектуру сайта, выполнили прототипирование. По этим прототипам собрали дизайн и запрограммировали его кодом.
Выбрать цвета, шрифты, нарисовали иконки, иллюстрации, подобрали фотографии. Разместили всю эту красоту на страницах проекта.
Сделали копии англоязычных страниц на японской версии сайта и отредактировали всю информацию.
КАК СОЗДАВАЛСЯ РЕСУРС
Решение и ключевые моменты проекта
ПОДАЧА ИНФОРМАЦИИ
На всех страницах мы кодом заанимировали важные интерфейсные блоки. При скроллле страницы получается интересный эффект пропадания и появления новых элементов страницы.
Меню – изюминка на торте. Очень необычное, интерактивное.
При попадании в область действия ссылки меняются начертания шрифтов и буквы меняют положение. Это очень красиво.
ОСОБЕННОСТИ РЕАЛИЗАЦИИ ПРОЕКТА
Реализовали на сайте мультиязычность. Языковые версии можно переключать “на лету” – сайт запомнит выбор и будет показывать страницы на выбранном языке.
Разместили переключатели в меню, в футере, на страницах и в материалах сайта для того, чтобы пользователь смог переключить язык в любой удобный ему момент.
Для бэкэнда предусмотрели удобное редактирование версий.
ДРУГИЕ “ФИШКИ”
Один из интересных моментов при работе над этим проектом был курсор в форме красного круга, как на флаге Японии.
Он был анимированным, и при наведении на ссылки он начинал пульсировать и менять форму.
Клиент попросил уже почти перед сдачей проекта сделать его более статичным – без анимации (японцам так больше нравится).
Пришлось выпиливать код со страниц уже почти готового проекта.
СЛОЖНОСТИ И УСЛОВИЯ РЕАЛИЗАЦИИ
Опыт решения возникающих вопросов закаляет команду. Одним из сложных вопросов при работе над этим проектом были шрифты. Да. Шрифты.
Мы используем в работе бесплатные шрифты для сайтов Google Fonts из их репозитария, если клиент не приобретает лицензию на использование каких-то из них отдельно.
Дело в том, что начертаний с японским языком крайне мало и они не отображаются так, как хотелось бы. Поведение в блоках – непредсказуемо. Но получилось.
ЦИФРЫ
Отлично поработали
0
+
Часов разработки
0
+
Часов презентаций
0
+
Сток кода
0
+
Фото подготовлено
ИТОГИ / ЧТО НЕОБХОДИМО ЕЩЕ?
Итоги и планы
РЕЗУЛЬТАТЫ РАБОТЫ
Мы очень довольны тем, какой интересный и современный получился проект. Нам разрешили играть с дизайном.
И результат оправдал ожидания – получилось очень интересно и необычно. Как и все наши проекты – он не похож на другие.
Настроили хостинг, почту, мессенджеры, социальные сети и аналитику.
Обеспечили прекрасную гладкую и быструю работу ресурса на любых устройствах.
РАЗВИТИЕ ПРОЕКТА
WBSTAR не только разрабатывает хорошие сайты с классным дизайном. Наши решения гораздо шире – под капотом у проектов лежат исследования, аналитика и наши знания о том, как сделать проект успешнее, чтобы он приносил прибыль.
Мы проектируем архитектуру и страницы так, чтобы впоследствии не было сложностей с продвижением. Думаем над заголовками, над текстами, играем со словами так, чтобы не потерять смысл и текст вписывался в дизайн.
Любому сайту необходимы обновления. Как программной части, так и в контентной для целей продвижения. Мы предложили несколько вариантов работы по этим вопросам.
Нашим заказчикам нравится такой подход, поскольку они получают в нашем лице экспертов, способных закрыть широкий круг вопросов.
Мы всегда нацелены на долгосрочное сотрудничество. Качество работы на каждом этапе проекта (по Totota, вспоминая университет)) – это основа успешных проектов.
Работаем со всей отдачей всегда, с каждым нашим клиентом. Если вы решите, что наши знания могут быть вам полезны – обращайтесь, поможем.
