UPROCK
Маркетинг, дизайн, реклама
Россия, Москва
Февраль 2023
Проблема:
Текущий дизайн сайта, хотя и является простым и минималистичным, лишён эмоциональности. Его главный недостаток — отсутствие связи с сутью и духом компании, которые делают её уникальной.
Постановка задачи:
Создать современный и стильный дизайн, способный передать идеологию и философию компании, отражая её уникальность и ценности.
Первым шагом стало изучение текущего сайта: я проанализировал и зафиксировал формы, цвета, шрифты и визуальные решения, которые уже используются. Это позволило сохранить восприятие бренда, сложившееся у пользователей, и применить эти элементы в будущем.
Имея перед собой поставленные задачи и представление о визуальной идентичности бренда, я приступил к заполнению брифа. Этот этап помог сформировать чёткое понимание процесса работы и определить ключевые ориентиры для редизайна.
Для начала я провёл конкурентный анализ, изучив сайты брендов с похожей айдентикой: Arkane, Rockstar и Insomniac. Я подробно разобрал их визуальные решения, структуру и подходы к привлечению пользователей. Особое внимание уделил их сильным сторонам, современным решениям, а также недостаткам, чтобы избежать их повторения в своём проекте. Этот шаг помог глубже понять текущую ситуацию на рынке.
Затем я разработал точную структуру сайта, оставив только полезную и необходимую информацию для пользователей. Это стало прочной основой для дальнейшей работы над прототипами и визуализацией.
Последним этапом UX-анализа стало составление технического задания. В нём я собрал всю имеющуюся информацию, определил конкретные задачи и был полностью готов к началу работы.
После завершения полной UX-аналитики я приступил к разработке визуальной части проекта. Первым этапом стало создание функциональных прототипов для каждой страницы сайта. Я подробно проработал блоки, их содержимое и оценил значимость каждого элемента для пользователей. Затем разработал первое приближение дизайна, чтобы визуализировать общий вид будущих страниц.
Особое внимание я уделил поиску референсов. Я провёл масштабный поиск на таких платформах, как Behance, Awwwards, Dribbble, UIJar, Godly, Brutalist, Minimal Gallery, Httpster и Best Website Gallery. Это был ключевой этап, позволивший мне найти актуальные, современные и функциональные решения, идеально подходящие для достижения целей проекта.
Сравнив первые приближения с выбранными референсами, я приступил к детализации страниц. Почти финальные версии уже отражали мой замысел, подходили по визуальным решениям и решали все задачи проекта. Осталось добавить медиа-контент и внёсти финальные правки, чтобы достичь идеального результата.
На завершающем этапе, добавляя медиа-контент в готовые страницы, я выявил некоторые несоответствия и ошибки, которые потребовали исправлений. Для отдельных страниц я создал множество вариантов, чтобы найти оптимальное решение, идеально передающее настроение, идеологию и ценности компании. В результате каждая страница стала гармоничной и соответствующей изначально поставленным задачам.
После этого я разработал адаптивные версии для планшетов и мобильных устройств, чтобы обеспечить комфортное использование сайта на любых экранах. Также я сформировал полный и удобный UI-Kit, включающий все элементы дизайна.
Завершив проект, я подготовил его в виде красиво оформленного кейса для публикации в портфолио, чтобы продемонстрировать свою работу потенциальным заказчикам и работодателям.
- Разработал редизайн 5 страниц корпоративного сайта, включая все состояния и адаптивные версии.
- Успешно передал настроение, идеологию и ценности компании через дизайн.
- Создал уникальный стиль и идентичность бренда, выделив его среди конкурентов и подчёркивая позиционирование.
- Подчеркнул современность бренда и его соответствие актуальным трендам.
- Значительно улучшил навыки в подборе референсов и детальной отрисовке страниц.