← пионер
о проекте
о проекте
один из ведущих заводов силовых машин. Компания уже 28 лет на рынке и не сдаёт позиций. Вот только сайт «Пионера» сделали в начале 2000-х годов и сегодня он выглядит устаревшим.
один из ведущих заводов силовых машин. Компания уже 28 лет на рынке и не сдаёт позиций. Вот только сайт «Пионера» сделали в начале 2000-х годов и сегодня он выглядит устаревшим.
нам нравится наш фирменный синий, мы живём с ним много лет. но кажется, что он выглядит старовато, мы видели в интернете более яркие и технологичные сайты.
нам нравится наш фирменный синий, мы живём с ним много лет. но кажется, что он выглядит старовато, мы видели в интернете более яркие и технологичные сайты.
команда
команда
дизайнер
дизайнер
исследования
исследования
текущее решение
текущее решение
текущий сайт завода силовых машин «пионер» выглядит устаревшим и недостаточно технологичным, несмотря на использование фирменного синего цвета. минималистичный стиль присутствует, но его реализация кажется невыразительной. отсутствие фирменного шрифта и ограниченная цветовая палитра добавляют сайту статичности, что не соответствует современным требованиям к дизайну. клиент хочет сохранить минимализм, но сделать сайт более ярким и современным
текущий сайт завода силовых машин «пионер» выглядит устаревшим и недостаточно технологичным, несмотря на использование фирменного синего цвета. минималистичный стиль присутствует, но его реализация кажется невыразительной. отсутствие фирменного шрифта и ограниченная цветовая палитра добавляют сайту статичности, что не соответствует современным требованиям к дизайну. клиент хочет сохранить минимализм, но сделать сайт более ярким и современным
проблемы текущего решения:
отсутствует мотивация к целевому действию: главная страница сайта должна привлекать внимание пользователя и побуждать его к действию
лишняя информация: перегруженный хедер и злоупотребление подчеркиванием кликабельных заголовков и ссылочных элементов создают много шума, который не позволяет пользователю сконцентрироваться на важной информации
типографика: разнообразие начертаний, отсутствие единства, проблемы с отступами
разные отступы: отступы между разделами не согласованы, элементы и блоки не выровнены по сетке
неявное описание активных элементов: кнопки «заказать обратный звонок» и «заказать консультацию» могут запутать пользователя из-за схожести значений; кнопка «скачать каталог» теряется на странице.
проблемы текущего решения:
отсутствует мотивация к целевому действию: главная страница сайта должна привлекать внимание пользователя и побуждать его к действию
лишняя информация: перегруженный хедер и злоупотребление подчеркиванием кликабельных заголовков и ссылочных элементов создают много шума, который не позволяет пользователю сконцентрироваться на важной информации
типографика: разнообразие начертаний, отсутствие единства, проблемы с отступами
разные отступы: отступы между разделами не согласованы, элементы и блоки не выровнены по сетке
неявное описание активных элементов: кнопки «заказать обратный звонок» и «заказать консультацию» могут запутать пользователя из-за схожести значений; кнопка «скачать каталог» теряется на странице.
анализ конкурентов
анализ конкурентов
следующим этапом стало проведение анализа веб-сайтов конкурентов или предприятий, занимающихся схожей деятельностью. в процессе проведения исследования, я обратила внимание на различные подходы к визуальному оформлению корпоративных сайтов, меняясь от сдержанного профессионального стиля до ярких и запоминающихся решений. каждый из проанализированных сайтов обладает преимуществами, однако также были выявлены определенные недостатки. эти наблюдения я учла при разработке нового дизайна для сайта предприятия «пионер», чтобы создать сбалансированный и привлекательный интерфейс
следующим этапом стало проведение анализа веб-сайтов конкурентов или предприятий, занимающихся схожей деятельностью. в процессе проведения исследования, я обратила внимание на различные подходы к визуальному оформлению корпоративных сайтов, меняясь от сдержанного профессионального стиля до ярких и запоминающихся решений. каждый из проанализированных сайтов обладает преимуществами, однако также были выявлены определенные недостатки. эти наблюдения я учла при разработке нового дизайна для сайта предприятия «пионер», чтобы создать сбалансированный и привлекательный интерфейс
дизайн
при работе над визуальной концепцией я учла референсы, где минимализм сочетается с технологичностью и современными акцентами. я стремилась сохранить фирменный синий цвет, добавив к нему глубокие, насыщенные оттенки и акцентные заголовки. это позволило передать ощущение инновационности, избегая при этом старомодности
при работе над визуальной концепцией я учла референсы, где минимализм сочетается с технологичностью и современными акцентами. я стремилась сохранить фирменный синий цвет, добавив к нему глубокие, насыщенные оттенки и акцентные заголовки. это позволило передать ощущение инновационности, избегая при этом старомодности
на этапе проектирования дизайн-макетов я акцентировала внимание на крупных изображениях и контрастных шрифтах, что позволило усилить восприятие текстов и визуальных элементов. также были добавлены интерактивные элементы и гибкую навигацию, чтобы создать удобный интерфейс, соответствующий современным стандартам
на этапе проектирования дизайн-макетов я акцентировала внимание на крупных изображениях и контрастных шрифтах, что позволило усилить восприятие текстов и визуальных элементов. также были добавлены интерактивные элементы и гибкую навигацию, чтобы создать удобный интерфейс, соответствующий современным стандартам
в новой версии изменен подход к визуальному стилю. вместо перегруженности текстом и изображениями на белом фоне, акцент сделан на крупные, высококонтрастные изображения, которые подчеркивают индустриальный характер компании
в новой версии изменен подход к визуальному стилю. вместо перегруженности текстом и изображениями на белом фоне, акцент сделан на крупные, высококонтрастные изображения, которые подчеркивают индустриальный характер компании
главная страница
главная страница
прошлая версия содержала большое количество текста и мелкие изображения, что в сумме делало восприятие информации сложным и непонятным, посетитель сайта попросту терялся в количестве информации. в новой версии я добавила акцент на ключевые показатели компании, такие как количество реализованные проектов, что представлено через визуальные блоки и конкретные цифры. это делает экран более информативным, понятным, привлекательным и способно вызвать доверие, создавая впечатление надежного партнера
прошлая версия содержала большое количество текста и мелкие изображения, что в сумме делало восприятие информации сложным и непонятным, посетитель сайта попросту терялся в количестве информации. в новой версии я добавила акцент на ключевые показатели компании, такие как количество реализованные проектов, что представлено через визуальные блоки и конкретные цифры. это делает экран более информативным, понятным, привлекательным и способно вызвать доверие, создавая впечатление надежного партнера
продукция и компания
продукция и компания
в старой версии информация о продукции была представлена в большом объеме и неструктурированным текстом. учитывая широкий ассортимент продукции, я решила сосредоточиться на ключевой продукции, поместив фото силовой машины на фоне. остальная информация была перенесена в каталог, а для удобства добавлена кнопка перехода, что позволило не перегружать главную страницу и сохранить визуальную консистентность.
в старой версии информация о продукции была представлена в большом объеме и неструктурированным текстом. учитывая широкий ассортимент продукции, я решила сосредоточиться на ключевой продукции, поместив фото силовой машины на фоне. остальная информация была перенесена в каталог, а для удобства добавлена кнопка перехода, что позволило не перегружать главную страницу и сохранить визуальную консистентность.
география поставок
география поставок
старый экран содержал карту и текстовые блоки с описанием регионов, что загромождало интерфейс. в новой версии карта была убрана, а информация о географии поставок теперь представлена лаконично на темном фоне, подчеркивая серьезность компании. вместо карты используется текстовый блок с данными о ключевых регионах и возможностью просмотреть список всех офисов. такое решение упрощает навигацию и улучшает пользовательский опыт за счет более чистого и структурированного интерфейса, фокусирующего внимание на конкретных цифрах и важной информации
старый экран содержал карту и текстовые блоки с описанием регионов, что загромождало интерфейс. в новой версии карта была убрана, а информация о географии поставок теперь представлена лаконично на темном фоне, подчеркивая серьезность компании. вместо карты используется текстовый блок с данными о ключевых регионах и возможностью просмотреть список всех офисов. такое решение упрощает навигацию и улучшает пользовательский опыт за счет более чистого и структурированного интерфейса, фокусирующего внимание на конкретных цифрах и важной информации
удаление карты снижает когнитивную нагрузку, позволяя пользователям быстро находить нужные данные о регионах поставок без необходимости взаимодействовать с избыточными элементами. в результате, пользователь быстрее ориентируется на сайте и получает доступ к необходимой информации. если требуется дополнительная информация, пользователю предоставлена возможность легко ознакомиться с ней
удаление карты снижает когнитивную нагрузку, позволяя пользователям быстро находить нужные данные о регионах поставок без необходимости взаимодействовать с избыточными элементами. в результате, пользователь быстрее ориентируется на сайте и получает доступ к необходимой информации. если требуется дополнительная информация, пользователю предоставлена возможность легко ознакомиться с ней
галерея
галерея
в старой версии блока «галерея» изображения были представлены в виде небольших миниатюр, что затрудняло восприятие деталей. в новой версии блока акцентируется внимание на крупном изображении, что делает их визуально более привлекательными и информативными. такой подход позволяет лучше демонстрировать продукцию и процессы компании, создавая более погружающий и эмоциональный опыт для пользователя. переключение между изображениями стало более интуитивным и удобным
в старой версии блока «галерея» изображения были представлены в виде небольших миниатюр, что затрудняло восприятие деталей. в новой версии блока акцентируется внимание на крупном изображении, что делает их визуально более привлекательными и информативными. такой подход позволяет лучше демонстрировать продукцию и процессы компании, создавая более погружающий и эмоциональный опыт для пользователя. переключение между изображениями стало более интуитивным и удобным
результат
результат