Senior UX/UI дизайнер | Интерфейсы, приложения и сайты
- Город
- Санкт-Петербург
- Опыт работы
- 6 лет
- На сайте с
- 2020 года
- Юридический статус
- Самозанятый
Передо мной стояла задача полностью обновить корпоративный сайт крупной производственной компании, специализирующейся на изготовлении ежедневников, блокнотов и другой деловой и подарочной канцелярии. Старый сайт морально устарел, не отражал ни качества продукции, ни имиджа компании, ни масштаба её возможностей.
Ключевая сложность проекта — отсутствие качественных изображений товаров. Все визуалы пришлось создавать самостоятельно, используя реальные фото и генерацию через нейросети, чтобы сохранить достоверность и при этом добиться визуальной привлекательности. В результате было создано более 100 макетов, включая адаптивные версии для всех популярных разрешений.
Вторая важная особенность — сайт должен был быть сверстан на CMS «Битрикс» с использованием уже купленного клиентом шаблона. Поэтому каталог, карточки товаров и сетки страниц проектировались с учётом технических ограничений шаблона.
Дополнительно сайт разделён на три крупных направления: интернет-магазин готовой продукции, заказ индивидуальных ежедневников и отдельный раздел издательства книг. Раздел издательства выполнен в ином стиле — он нацелен на подростковую аудиторию, так как компания выпускает художественную литературу для юношества. Обложки книг также были сгенерированы с нуля вручную с помощью нейросетей на основе реальных прототипов.
Разработка дизайна в Figma, с UI kit и картой стилей.
Создание более 100 макетов, включая адаптивы для всех устройств.
Генерация изображений товаров и обложек книг с помощью нейросетей, на основе реальных фотографий.
Проектирование каталога и карточек с учётом Bitrix-шаблона, уже приобретённого клиентом.
Внедрение двух тематических разделов с разной визуальной стилистикой: классический стиль для каталога, лёгкий подростковый — для издательства.
Кроссбраузерная верстка, проработка реакций UI, состояний элементов и всех возможных сценариев отображения контента (много/мало данных).
Минимизация анимаций, строгое соблюдение требований к скорости и адаптивности.
Сайт стал полноценной витриной и инструментом продаж, отражающим современные ценности бренда. Новый дизайн улучшил восприятие продукции, стал «лицом» компании и повысил доверие клиентов.
