Стартовали новые рейтинги digital-подрядчиковУспейте принять участие! Предварительные результаты.
Вячеслав Козин
CD Projekt Red | Редизайн корпоративного сайта
Вячеслав Козин
#Проектирование сайта#Дизайн сайта#Фирменный стиль

CD Projekt Red | Редизайн корпоративного сайта

112 
Вячеслав Козин Россия, Нижний Новгород
Поделиться:
CD Projekt Red | Редизайн корпоративного сайта
Компания

UPROCK

Сфера

Маркетинг, дизайн, реклама

Регион

Россия, Москва

Сдано

Февраль 2023

Задача

Проблема:

Текущий дизайн сайта, хотя и является простым и минималистичным, лишён эмоциональности. Его главный недостаток — отсутствие связи с сутью и духом компании, которые делают её уникальной.

Решение

Постановка задачи:

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

1Визуальный анализ и заполнение брифа

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

Имея перед собой поставленные задачи и представление о визуальной идентичности бренда, я приступил к заполнению брифа. Этот этап помог сформировать чёткое понимание процесса работы и определить ключевые ориентиры для редизайна.

2Конкурентный анализ, изучение структуры сайта, заполнение технического задания

Для начала я провёл конкурентный анализ, изучив сайты брендов с похожей айдентикой: Arkane, Rockstar и Insomniac. Я подробно разобрал их визуальные решения, структуру и подходы к привлечению пользователей. Особое внимание уделил их сильным сторонам, современным решениям, а также недостаткам, чтобы избежать их повторения в своём проекте. Этот шаг помог глубже понять текущую ситуацию на рынке.

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

Последним этапом UX-анализа стало составление технического задания. В нём я собрал всю имеющуюся информацию, определил конкретные задачи и был полностью готов к началу работы.

3Функциональные прототипы, первое приближение, поиск референсов и детализация

После завершения полной UX-аналитики я приступил к разработке визуальной части проекта. Первым этапом стало создание функциональных прототипов для каждой страницы сайта. Я подробно проработал блоки, их содержимое и оценил значимость каждого элемента для пользователей. Затем разработал первое приближение дизайна, чтобы визуализировать общий вид будущих страниц.

Особое внимание я уделил поиску референсов. Я провёл масштабный поиск на таких платформах, как Behance, Awwwards, Dribbble, UIJar, Godly, Brutalist, Minimal Gallery, Httpster и Best Website Gallery. Это был ключевой этап, позволивший мне найти актуальные, современные и функциональные решения, идеально подходящие для достижения целей проекта.

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

4Визуальная концепция, адаптивы и финализация

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

После этого я разработал адаптивные версии для планшетов и мобильных устройств, чтобы обеспечить комфортное использование сайта на любых экранах. Также я сформировал полный и удобный UI-Kit, включающий все элементы дизайна.

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

Результат

- Разработал редизайн 5 страниц корпоративного сайта, включая все состояния и адаптивные версии.

- Успешно передал настроение, идеологию и ценности компании через дизайн.

- Создал уникальный стиль и идентичность бренда, выделив его среди конкурентов и подчёркивая позиционирование.

- Подчеркнул современность бренда и его соответствие актуальным трендам.

- Значительно улучшил навыки в подборе референсов и детальной отрисовке страниц.

https://www.behance.net/gallery/192929599/CD-Projekt-Red-Corporative-website-redesign

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Оставить заявку