Разработка дизайн-макетов сайта под ключ и контроль реализации: EZdesign
Разработка дизайн-макетов для архитектурного бюро для презентации его услуг.
Клиент
EZdesign - архитектурное бюро из Таллина, которое проектирует здания для частных и для юридических лиц. Миссия компании: улучшить качество жизни клиентов, создавая удобные и комфортные пространства для работы, жизни и отдыха.
Задача
Разработать дизайн-макеты сайта под ключ, выстроив грамотную презентацию услуг компании. Создать страницу вакансий, чтобы ускорить процесс поиска сотрудников. Учесть наличие 3 языков на сайте. Проконтролировать верстку дизайна и натяжку на CMS, выполненную разработчиками со стороны клиента.
Процесс работы
Глубокий анализ рынка и исследование ЦА
Мы проанализировали 10 конкурентов из поиска Google и выяснили, что почти у каждого есть портфолио с кейсами, у многих описаны преимущества и услуги. При этом у многих сайтов несовременный дизайн, а те, у кого современный, используют линии и схожий архитектурный стиль. Мы решили выделиться за счет крупной типографики и свежего цветового решения, в котором преобладает фирменный синий оттенок, светлый фон и градиенты.
Анализ рынка
Исследование целевой аудитории
Для изучения ЦА мы разобрали доступные маркетинговые исследования по теме проекта и проанализировали поведение потенциальных покупателей в Facebook-сообществах на разные смежные темы. После подготовки портретов ЦА и вывода результатов анализа рынка мы смогли составить список возражений и волнующих покупателей моментов, которые мы будем разбирать на сайте.
Подготовка референсов и дизайн-концепта
Мы получили 15 ссылок от клиента с разными по стилю сайтами-примерами по дизайну, после чего подготовили свои варианты с учетом пожеланий клиента. Чтобы прийти к единому мнению и согласовать референсы, потребовалось провести дополнительные онлайн-встречи. После успешной презентации мы подготовили и защитили мудборд. Когда был разработан дизайн-концепт, клиент принял его с незначительными правками.
Дизайн-макеты в Figma
Разработка текстов на основании полученной информации
Сложная специфика
Одна из важнейших задач сайта - донести сложные громоздкие услуги простыми словами до потенциального покупателя. В начале работы мы получили текстовый документ с огромным количеством текста об услугах, который содержал много лишней информации и был написан сложно и запутанно. Мы обрабатоли этот текс, вычленили самые главные тезисы, запросили недостающую информацию и в итоге смогли создать понятное и структурированное описание всех услуг компании.
Креативные дизайн-решения
Для того, чтобы вызывать ассоциации со строительством, мы разбили заголовки секций на несколько строк и выстроили их так, что части заголовка стоят одна на другой, как домик. Между строками в некоторых местах мы добавили небольшие фотографии, которые символизируют окошко.
HERO-секция на главной странице
Описание преимуществ
При разработке архитектурных проектов специалистам приходится много чертить, поэтому мы добавили подчеркивание “от руки” и обводку там, где нужно сделать акцент.
Из-за большого количества проектов разного типа мы разбили их на категории и добавили фильтры для удобного поиска.
Фильтрация проектов на странице Портфолио
Одна из услуг компании
Информацию о каждой услуге мы структурировали, чтобы было понятно: какие проблемы клиента компания решит этой услугой, что включает в себя услуга и по каким этапам проходит.
На страницу 404 мы также добавили концептуальное “окошко” с фотографией.
Страница ошибки 404
Программа лояльности
Программа лояльности
Компания дарит скидку 10% всем новым клиентам. Для удобства пользователей мы разместили QR-код и кнопку с добавлением карты в Apple Pay / WalletPasses. Для быстрого получения скидки пользователь сканирует код камерой телефона, если он открыл сайт с компьютера, а если с телефона - просто нажимает кнопку.
Вот что мы сделали для EZdesign
Аналитика
- Анализ целевой аудитории, конкурентов и позиционирования бренда
- Написание продающих понятных текстов
Дизайн
- Разработка прототипа
- Создание мудборда
- Отрисовка уникального дизайна сайта и адаптивов
- Подготовка UI-кита
Еще
- Контроль верстки и натяжки за разработчиками со стороны клиента
Отзыв клиента
Хочу выразить большую благодарность команде RedSquirrel за создание дизайн макета сайта, мне очень понравился подход к работе, то как они провели исследование конкурентов и подобрали концепцию сайта, а также то как Алёна объясняет и защищает их решения, записывая видео. Так держать, спасибо!
Давайтеобсудим вашпроект!
Оставьте заявку, и мы свяжемся с вами, чтобы спросить о вашем проекте и подготовить ценовое предложение
