Макфа входит в первую пятёрку крупнейших мировых производителей макаронных изделий.
Задача — сделать новую дизайн-концепцию для сайта, которая будет подчеркивать пользу продукции и её связь со здоровым образом жизни. Обязательное условие — использование в оформлении каждого из четырёх типов продукта: крупы, муки, макарон и хлопьев.
Перечень наших работ: — Разработка вайрфрейма главной страницы; — Организация и проведение фотосъёмки продукции; — Обработка фотографий; — Разработка дизайн-концепции.
Результат В итоге получились уютные интерфейсы, подчеркивающие полезность продукции и её качество. Всего реализовано около десяти дизайн-макетов для всех страниц сайта и создан единый UI-кит для масштабирования стиля при создании новых разделов и блоков контента.
Тендерная дизайн-концепция сайта Maisonette для Capital Group.
Перед нами стояла задача разработать дизайн лендинга для одного из объектов недвижимости в новом жилом квартале. Комплекс только строился и готовых материалов, которые можно взять за основу у заказчика не было. Поэтому мы искали информацию в открытых источниках и сами подбирали графику.
При проектировании главной страницы мы использовали приём сторителинга, чтобы шаг за шагом отвечать на вопросы пользователя и плавно подводить его к оставлению заявки.
Основной акцент в дизайне сделали на фотографиях, которые погружают в атмосферу жилого квартала. В работе использовали базовые цветовые решения из брендбука компании, но добавили несколько изменений. Взяли оттенки елового на замену чёрного, а для контраста использовали оттенки фирменного золотого цвета, чтобы подчеркнуть новую стилистику.
Другие кейсы
Сайт для подразделения лизинга РСХБ
Смотреть кейс на Rutube
РСХБ Лизинг — молодое дочернее предприятие банка РСХБ. Компания занимается финансированием клиентов любого масштаба: от индивидуальных предпринимателей до владельцев крупного бизнеса, которые хотят приобрести в лизинг сельхозтехнику.
Перечень наших работ: — UX-аналитика; — Проектирование страниц; — Разработка дизайн-концепции и адаптивных макетов сайта; — Вёрстка и программирование.
В результате мы разработали полноценный сайт, который:
учитывает интересы пользователей и особенности конкурентной среды;
отвечает требованиям бизнеса и способствует генерации заявок от клиентов. С момента запуска сайта (декабрь 2021) заявку оставило более 1000 пользователей.
АГАМИ — стоматологическая клиника в Москве с 25-летней историей. Работает на базе трёх основных принципов: лучшие врачи; современное оборудование, инновационные технологии и материалы; индивидуальный подход к каждому пациенту.
Перечень наших работ: – Изучение и оптимизация бизнес-процессов сайта – Пользовательские исследования: глубинные интервью с клиентами стоматологии, тестирование прототипов на респондентах – Оптимизация и редактура текстового контента – Разработка рекомендаций к фотосессии врачей, обработка фотографий, интеграция в интерфейсы – Проектирования и дизайн сайта – Вёртска и кодинг (внедрение изменений на сайт) – Доработка админ-панели под требовния заказчика – Цикл улучшений: точечные улучшения сайта на основе веб-аналитики
Результаты — Увеличилось количество заявок через сайт на 38%. — Конверсия с мобильной версии увеличилась на 24%. — Увеличилось количество консультаций у главного врача на 39%. — В 7 раз чаще стали спрашивать про седацию, которую при разработке ставили как приоритетную услугу. — Появились отклики на услуги, страницы которых не были раньше проработаны на сайте. — Трафик на соцсети увеличился с сайта на 13%.
Сайт производителя и поставщика солнечной энергетики Unigreen
Смотреть кейс на Rutube
Юнигрин — международная компания в сфере солнечной энергетики. Специализируется на производстве и поставке солнечных ячеек/модулей, кремниевых пластин, строительстве солнечных станций и парков, продаже их электроэнергии.
Перечень наших работ — Серия глубинных интервью с руководителями подразделений компании; — Бенчмаркинговый анализ; — Информационная архитектура; — Проектирование и дизайн всех экранов; — Анимирование интерфейсов.
Результат работы — Почти 1000 часов работы и совещаний — 23 страницы задизайнено и спроектировано — 30+ конкурентов проанализировано
Корпоративный сайт для публично-правовой компании Роскадастр
ППК «Роскадастр» — федеральная служба, которая контролирует кадастровый учёт земельных участков и объектов недвижимости. Образована в 2022 году в результате реорганизации нескольких компаний.
Перечень наших работ — Глубинные интервью с представителями каждой компании; — Информационная архитектура проекта и пользовательские сценарии; — Проектирование страниц, навигации; — Разработка дизайн-концепции и адаптивный дизайн; — Вёрстка и программирование, настройка интеграций; — Разработка документации проекта, программы и методики проведения испытаний сайта; — Консультирование и обучение ответственных лиц работе с админкой сайта.
Результат работы Разработали корпоративный сайт, который объединил услуги всех компаний, вошедших в Роскадастр, и стал единой площадкой взаимодействия с государством для широкой аудитории.
«Новый Втормет» — крупный участник в сфере переработки лома, имеет 276 пунктов приёма чёрных и цветных металлов по всей России.
Перечень наших работ — Серия бизнес-интервью с представителями разных отделов; — Бенчмаркинговый анализ; — Модель информационных ожиданий и информационная архитектура; — Проектирование; — Дизайн-концепция на основе существующего брендбука, дизайн всех страниц; — Вёрстка и программирование.
Результат работы Разработали единую цифровую площадку, которая объединила более шести разрозненных сайтов и 276 пунктов приёма лома по всей России.
Проект уже получил бронзовые награды в конкурсе Tagline Awards 2023 в номинациях: — «Из офлайна в онлайн» — Лучший сайт о промышленности — Лучшее юзабилити (Craft)
Сибирская горно-металлургическая компания (СГМК) — лидер среди предприятий горно-металлургической отрасли Кузбасса, одна из ведущих компаний на российском рынке.
Перечень наших работ — Бизнес-интервью с руководящими лицами разных отделов и структур компании; — Бенчмарк-анализ; — Информационная архитектура нового сайта; — Проектирование и дизайн всех страниц, подготовка адаптивов; — Вёрстка и программирование сайта.
Результат работы Провели полный комплекс работ по редизайну сайта, который является визитной карточкой компании для клиентов, партнёров, поставщиков и соискателей.
Клиника АО «Медицина» – высокотехнологичная многопрофильная клиника, обеспечивающая полный комплекс медицинской помощи и сервиса в соответствии с мировыми стандартами качества. Является клинической базой кафедры терапии, общей врачебной практики и ядерной медицины факультета дополнительного профессионального образования ГБОУ ВПО РНИМУ им. Н. И. Пирогова Минздрава России и включено в список инновационно-активных учреждений здравоохранения Москвы, на базе которых возможно проведение клинических исследований.
Нам предстояло проанализировать ключевые страницы на предмет ошибок в UX, определить барьеры, с которыми могут сталкиваться пользователи при поиске информации и записи на консультацию. Разработать новый дизайн с учётом полученной информации на этапе UX-анализа.
Начали с бизнес-анализа: собрали требования и пожелания к новому дизайну. Провели UX-аудит и сделали анализ систем статистики. Определили ключевые метрики, над улучшением которых будем работать. Спроектировали ключевые страницы и разработали дизайн для главной страницы сайта.
Другие кейсы
Продуктовый лендинг для компании «Валента Фарм»
Другие кейсы
Юбилейный лендинг для Российского Научного Фонда
Российский научный фонд (РНФ) — некоммерческая организация, занимается финансовой и организационной поддержкой научных исследований, подготовкой научных кадров.
Работая над проектом мы сделали дизайн-концепцию и продумали, как заинтересовать пользователей и вовлечь в процесс изучения лендинга. Для этого использовали анимации, которые сделали сайт более динамичным и интерактивным.
В одном месте мы собрали ключевые результаты работы Фонда и упаковали их в наглядный и интерактивный формат. Любой человек, интересующийся деятельностью компании, может зайти на сайт и ознакомиться с информацией.
В премии Tagline Awards 2023 этот проект получил бронзовую награду в номинации «Лучший сайт за 2 недели».
«Банк Эсхата» — один из крупнейших коммерческих банков Таджикистана, осуществляет все основные виды банковских операций. Входит в тройку лидеров в банковской сфере страны.
Нам предстояло разработать корпоративный сайт, который будет отражать ключевые ценности компании: заботу и внимание, честность и профессионализм, уважение, новаторство, надёжность.
Начали с погружения в проект. Провели несколько фокус-групп с представителями банка, чтобы собрать требования и ожидания относительно нового сайта. Параллельно изучали информацию про культуру и традиции страны, чтобы учесть все возможные различия и нюансы в пользовательском опыте.
Провели бенчмаркинговый анализ: изучили все существующие UX/UI-практики в сфере финтеха, чтобы лучшие их них использовать в проекте. Разработали информационную архитектуру сайта. Выделили первый релиз и подготовили прототипы. Разработали дизайн-концепцию, которая учитывает культуру страны, ценности банка и лучше дизайн-практики. После согласования отрисовали все дизайн макеты и передали их в разработку.
Корпоративный сайт для российского разработчика телекоммуникационного оборудования Элтекс
Eltex — ведущий российский разработчик и производитель телекоммуникационного оборудования.
Компания оратилась к нам за разработкой нового современного и функционального ресурса, который будет использоваться для интернет-продвижения решений Eltex.
Список работ: —Провевели серию фокус-групп с заинтересованными в разработке нового сайта отделами компании. —Провели бенчмаркинговый анализ и анализ систем веб-аналитики. —Разработали информационную архитекутуру проекта и параллельно провели анализ сущностей в каталоге товаров и параметров товаров на сайте. —Разработали прототипы страниц под десктоп. — Разработали дизайн-концепцию, поготовили макеты внутренних страниц и адаптивы.
В результате разработали новый сайт в соответствии с обновлённым фирменным стилем компании: проработали UX ресурса, улучшили навигацию и пользовательские сценарии.
Маркетплейс быстрых маркетинговых исследований для skORO
Кейс на Vimeo
ORO занимается маркетинговыми исследованиями для национальных и международных организаций. Компания решила разработать онлайн-платформу быстрых маркетинговых исследований и для неё создала дочерний бренд skORO.
Когда клиент пришёл к нам, у него уже были макеты личных кабинетов клиента и респондента. Теперь требовалось разработать сайт самого маркетплейса.
Нам предстояло: — определить позиционирование бренда, — разработать брендинг, — подготовить дизайн маркетплейса.
Что сделали: — Определили позиционирование бренда: выявили ключевые смыслы и ценности бренда, которые легли в основу айдентики и коммуникации. — Разработали айдентику и фирменный стиль: визуальный образ бренда отражает его суть — работу с данными и превращение хаоса в конкретные маркетинговые решения. — Придумали запоминающийся digital-образ: в основе айдентики — уникальные нейрообъекты, символизирующие обработку информации. Стиль выделяет skORO среди конкурентов и делает бренд узнаваемым. — Разработали интерактивный и функциональный сайт: создали современный дизайн сайта, в котором дизайн и UX/UI полностью соответствуют концепции бренда. Анимация нейрообъектов делает взаимодействие с сайтом живым и динамичным. — Продумали логичную и понятную структуру контента: проработали подачу информации так, чтобы пользователи легко находили нужные исследования, понимали их ценность и могли быстро принять решение.
В результате skORO получила полноценную бренд-платформу, которая помогает компании выстраивать коммуникацию с клиентами через чёткое позиционирование, продуманную айдентику и удобный цифровой продукт.
Другие кейсы
Как мы работаем над проектом
Ключевых этапов в работе всего четыре: предпроектная аналитика, проектирование, дизайн, вёрстка и кодинг. Но у каждого из них есть свои особенности, о которых расскажем ниже
01 ЭТАП
Предпроектная аналитика
Зачем нужна
Чтобы погрузиться в проект и собрать необходимую информацию для решения вашей задачи. Чем качественнее собрана аналитика, тем быстрее идёт весь дальнейший процесс разработки сайта.
Что может включать
1
Бизнес-интервью (2-3 сессии) Изучение продукта и цикла сделки, интервью с отделом продаж для выявления сильных сторон продукта, понимания как работает клиентская поддержка, какая информация важна для вашего потребителя
2
Конкурентный анализ Изучаем конкурентную среду и лучшие мировые практики в нише. Фиксируем самые удачные решения и предлагаем уникальные «фишки» для вашего сайта
3
Веб-аналитика Смотрим какая аудитория сейчас заходит на сайт, какие интересы разделяет, по каким запросам приходит, какие страницы посещает, а с каких быстро уходит
Что вы получите на выходе
Информационная архитектура проекта;
Ключевые пользовательские сценарии.
Пример информационной архитектуры
Пример пользовательских сценариев
Сколько длится
В зависимости от состава работ от 1 до 14 рабочих дней с учётом встреч.
— Можно ли как-то сократить этап предпроектной аналитики? — Да, конечно. Если тематика вашего сайта достаточно распространена и у нас есть похожие кейсы, то наши специалисты могут сократить этап аналитики до минимума. Если у вас на момент обращения уже есть:
заполненный бриф с описанием проекта;
список конкурентов;
примерная структура.
То в данном случае потребуется лишь общий созвон с нашей командой разработки для синхронизации по проекту.
02 ЭТАП
Проектирование
Итак, мы собрали аналитическую базу, на основе которой сможем прорабатывать прототипы интерфейса.
Прототип — это черно-белый макет сайта, в котором важна прежде всего структура и контент (содержание), а не дизайн и красота (форма). В рамках прототипирования фокус идет на проработку пользовательского опыта, удобства использования сервиса, а также на логичное и интуитивное отображение всех требований и информации, которая была собрана на этапе аналитики.
— А можно обойтись без прототипов? — И для данного этапа есть исключения. Если на вашем сайте в основном контентные страницы, то спроектировать можно лишь главную страницу, чтобы логично выстроит порядок блоков и грамотно расставить акценты.
03 ЭТАП
Дизайн
Что включает
1
Сборка мудборда Доска, состоящая из множества изображений, которые вместе задают одно визуальное настроение (вызывают похожие эмоции). Пример мудборда ниже
2
Дизайн-концепция Целостный образ продукта. В его основе все ценности, эмоции и визуальные приёмы, которые мы выявили на этапе согласования мудборда. Концепцию делаем на примере трёх экранов главной страницы, согласовываем и дорабатываем до финального «ок»
3
Дизайн внутренних страниц На основе согласованной концепции готовим макеты внутренних страниц сайта, в том числе адаптивы
04 ЭТАП
Вёрстка и кодинг
Что включает
1
Вёрстка под все популярные браузеры В результате получаем страницы, которые можно открывать в браузере, но они ещё не связаны между собой, а функционал не настроен.
2
Программирование и интеграции Предлагаем CMS в зависимости от ваших потребностей и настраиваем необходимые интеграции. Например, с 1С или вашей CRM
3
Тестирование Проверяем готовый сайт на предмет ошибок на различных устройствах в разных браузерах
✓
Наполнить сайт контентом Возможны несколько вариантов работы по данной задаче. Можем наполнять сайт контентом, который предоставите вы или привлечь копирайтера, который поможет создать необходимый контент.
ДОПОЛНИТЕЛЬНО
Что можем ещё
✓
Купить и настроить хостинг Поможем советом и возьмём на себя процедуру настройки, а вам передадим готовый результат.
✓
Подобрать подрядчиков на SEO, SERM, SMM, контексту У нас база из 40+ проверенных подрядчиков по разным направлениям. Мы регулярно взаимодействуем с ними по разным задачам и отвечаем за их порядочность и качество оказываемых услуг.
А что дальше?
Дизайн-поддержка
Возьмём на себя задачи по дизайну и улучшению готового продукта
1
Увеличим конверсию вашего сайта за счёт аналитики и улучшения интерфейсов
2
Создадим на сайте новые страницы, промо-лендинги, банеры или иные материалы
3
Приведём в порядок презентации, коммерческие предложения и дизайн рассылок
4
Привлекательно и в едином стиле оформим контент в социальных сетях
В студии выстроена работа продуктовыми командами — юнитами. Каждый юнит содержит необходимое для проекта ядро участников и находится под контролем руководителя отдела управления проектами и аккаунт-директора.
Аккаунт-менеджеры
Заботится о клиенте, развивает его продукты и поддерживает максимальный уровень комфорта работы со студией
Руководители проектов
Отвечает за качество, сроки, бюджет, организацию процессов и коммуникацию
UX-группа
Проводят работы по аналитике и проектированию пользовательского опыта
UI-группа
Создают дизайн интерфейсов и разрабатывают дизайн-системы
Команда разработки
Верстают, программируют, настраивают интеграции и тестируют готовый сайт
Tagline
16 место
Ruward
9 место
Входим в топ-20 дизайн-студий России. Среди клиентов Сбер, Ингосстрах, РСХБ, МТС, Газпром. Большой опыт в финтехе, ритейле, эдтехе, медицине, логистике, e-commerce, телекоме.
UX-студия Everest
Чтобы понять, кто мы и чем занимаемся, лучше один раз посмотреть трёхминутный шоурил
Чтобы понять, кто мы и чем занимаемся, лучше один раз посмотреть трёхминутный шоурил
Являемся партнёрами по цифровизации более чем для 80 крупных компаний, среди которых
Являемся партнёрами по цифровизации более чем для 80 крупных компаний, среди которых
А ещё у нас есть
Собственный Исследовательский центр
В нём мы изучаем опыт взаимодействия пользователей с сайтами и приложениями в различных отраслях