Многостраничный сайт для оконной компании
Описание задачи
Перед нашей командой встала амбициозная задача — разработать новый многостраничный сайт компании «Оконный континент». Этот процесс требовал от нашей команды синхронизации усилий на каждом из этапов. Я работала с командой профессионалов, включая коллегу-дизайнера, 3D-дизайнера, маркетологов, копирайтеров и разработчиков, чтобы создать продукт, который максимально точно соответствует нуждам пользователей и бизнес-целям компании.
Сбор информации и исследования
Старый сайт компании
Работу над проектом мы начали с глубокого анализа текущего состояния старого сайта и определения ключевых проблем, которые требовали решения. Старый сайт, разработанный студией Артемия Лебедева в начале 2000-х, стал устаревшим и перестал соответствовать современным требованиям юзабилити. Поэтому задача стояла не только в обновлении внешнего вида, но и в создании максимально удобного и функционального интерфейса.
На первом этапе мы активно общались с клиентами, проводили внутренние обсуждения с руководством и командой, чтобы сформулировать основные задачи и цели сайта. Мы исследовали запросы и потребности целевой аудитории — мужчин и женщин старше 35 лет, что позволило нам сделать вывод: сайт должен быть интуитивно понятным, с четкими и доступными функциями для всех категорий пользователей.
Кроме того, мы провели конкурентный анализ, изучив сайты как прямых конкурентов (компаний, занимающихся оконными решениями), так и косвенных (строительных и отделочных компаний). Изучение референсов позволило нам выявить сильные и слабые стороны существующих решений и создать дизайн-концепцию, которая будет отличаться современным подходом, функциональностью и фокусом на пользователе.
Проектирование сайта
На этапе проектирования мы сосредоточились на создании грамотной и логичной структуры сайта, что включало проработку юзер-флоу. Мы тщательно спланировали путь пользователя по сайту, начиная от главной страницы и заканчивая этапом оформления заказа. Важно было продумать, как сделать этот путь максимально простым и понятным, учитывая, что наша аудитория может не быть технически подкованной.
Каждый раздел сайта был спроектирован с учетом потребностей целевой аудитории: мы продумали, какой контент будет размещен на каждой странице, какие элементы будут привлекать внимание, и какие действия пользователи должны выполнять на разных этапах их взаимодействия с сайтом. В процессе работы не раз возникали дополнительные требования к контенту, что потребовало изменений в структуре и даже добавления новых страниц.
Дизайн-процесс
Когда мы перешли к созданию визуальной концепции, важно было сохранить элементы фирменного стиля — синий и зеленый цвета, которые долгие годы ассоциировались с брендом компании. Но нам нужно было обновить привычный стиль, сделав его более современным и подходящим для восприятия широкой аудиторией.
Мы совместно с коллегой-дизайнером разработали новый UI-кит, который сочетал фирменные цвета, но в более свежих и ярких оттенках. Мы использовали минималистичную структуру, акцентируя внимание на чистоте и простоте интерфейса. Это позволило создать визуально привлекательный и удобный сайт, который легко воспринимается пользователями. Удобные акценты, четкие и понятные элементы интерфейса сделали взаимодействие с сайтом интуитивно понятным.
Кроме того, мне пришлось тесно взаимодействовать с 3D-дизайнером, чтобы создать необходимые 3D-модели для сайта. Это были не просто визуальные элементы, а функциональные элементы, которые демонстрировали продукцию компании в высоком качестве, улучшая восприятие сайта.
Еще одним важным моментом было создание адаптивного дизайна. Мы разработали версии макетов для разных устройств: мобильных телефонов, планшетов и десктопов. Это требовало особого подхода к визуальному восприятию и функциональности каждого экрана, чтобы пользователи могли комфортно использовать сайт на любых устройствах.
Передача макетов в разработку
После завершения всех итераций дизайна и утверждения финальных версий макетов, я передала работу в команду разработчиков. В процессе передачи я подготовила детальные гайды, документацию по верстке и рекомендации по поведению элементов интерфейса. Важно было донести до разработчиков все тонкости и нюансы дизайна, чтобы они могли реализовать его без потери качества. В результате получился современный и удобный сайт, который отвечает потребностям пользователей и бизнес-целям компании.
Контакты
Я открыта к новым проектам и интересным задачам. Давайте вместе делать крутые продукты, которые приносят пользу людям
Made on
Tilda