GeoGlobal Development

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

Целевая аудитория: застройщики, девелоперы, инвесторы, строительные компании и представители власти, которым важны профессионализм, законность, и снижение затрат в строительных проектах.

Задачи бизнеса:

• Обеспечить удобную точку входа для пользователей.
• Презентовать компанию и ее услуги.
• Сформировать доверие у пользователей.
• Повысить эффективность маркетинговых кампаний.
• Выделиться среди конкурентов.

Задачи пользователей:

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

Исходя из результатов аналитического исследования, мы разработали набор UI/UX-решений для создания прототипов интерфейсов.

На этапе проектирования мы разработали User Flow для каждого сегмента целевой аудитории, определив последовательность действий пользователей для достижения их целей. Мы проанализировали текущий веб-сайт и сайты конкурентов, сделали скриншоты страниц для выявления используемых блоков. На основе этого анализа мы создали новую структуру сайта и определили расположение блоков на каждой странице.

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

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

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

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

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

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

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

Изменили визуальную составляющую у карточек и поиска на странице услуг. В поиске изменили немного функционал и сделали его более понятным для пользователя.

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

Страница услуг была сделана более понятной и удобной благодаря специально подобранной сетке.

Мы переместили навигацию влево, а контент разместили справа. Дизайн контентных блоков, списков, цитат, сообщений с важной информацией, таблиц и текстовых блоков со ссылками был тщательно проработан.

Страница «О компании» начинается с крупного акцентного заголовка и сопровождающего текста, раскрывающего суть компании. Далее следует изображение команды и информация о преимуществах компании, ключевых цифрах, руководителе и другой важной информации.

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

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

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

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