3в1, или Как мы сделали сайт для международного проекта на трёх языках

UI UX Кейсы

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

Всё дело в коде. Культурном коде

В эпоху глобализации важно адаптироваться к самым разным условиям, которые ставит перед нами международный рынок. В таких случаях большую роль играет успешная коммуникация как на вербальном (тексты), так и на невербальном (визуал) уровнях. Агентство Prostor с гордостью представляет один из недавно завершённых проектов — сайт клубного дома Agada, объединяющий людей по всему миру и адаптированный на трёх языках: русском, английском и… иврите.

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

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

ВТем не менее, обеспечить комфортный пользовательский опыт для самой разной аудитории нам удалось за счёт интуитивно понятного интерфейса и внедрённых креативных механик (о них расскажем подробнее ниже). А внедрение нескольких языков позволило нашему заказчику эффективно коммуницировать с партнёрами и клиентами из различных регионов, повышая уровень вовлечённости и доверия.

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

Как мы делаем сайты мечты

Для начала несколько слов о нас

PROSTOR — digital-агентство. Мы разрабатываем дизайн системы и сайты для недвижимости, e-commerce, fashion. Среди клиентов — Фонд Рыбакова, Trip for students, WeWall, LUVU, MOVIE PARK, Яндекс. Кстати, мы открыты к общению: развиваем наш Telegram-канал, записываем подкасты с нашими клиентами и коллегами по цеху.

1. Прощупываем почву

То есть проводим анализ рынка, исследуем нишу клиента, формируем представление о том, что уже есть, что работает эффективно, что устарело и чем можно удивить.

2. Набрасываем план

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

Это первая презентация, которую мы защищаем перед клиентом (о том, как мы это делаем, рассказываем в Telegram-канале). В ней есть:

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

Также на этом этапе мы начинаем собирать прототип будущего сайта.

3. Предлагаем концепцию

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

ещё одно облако тегов с учётом обратной связи и восприятия самого клиента
объединение найденных посылов в смысловые группы
описание идей, которые можно передать на сайте с помощью дизайна, копирайтинга, различных механик и инструментов
выбор лучшей из этих идей, определение метафоры, которая ляжет в основу проекта
подборка дизайн-элементов, которые могут её отразить
несколько мокапов

4. Собираем прототип

Сюда входит не только вёрстка в Figma, но и прогнозирование пользовательского пути, продумывание UI/UX-элементов и прочие тонкости дизайнерской работы.

5. Утверждаем прототип

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

6. Верстаем всё на Tilda или другой платформе

Выбор зависит от задач, которые преследует заказчик (нужна ли оплата, доставка, анимации и др.). Но, поверьте, на Tilda можно многое сделать.

Сайт премиального клубного дома в Израиле

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