PoliANika — корпоративный сайт фототоваров
PoliANika — магазин фототоваров, где собраны всё для оформления и хранения тёплых воспоминаний. В ассортименте — стильные фоторамки, уютные фотоальбомы, а также качественная фотобумага для профессиональной печати.
Задача
Cоздать уютный, простой и удобный корпоративный сайт, который подчеркнёт тепло семейных воспоминаний и поможет легко находить нужные товары на любых устройствах.
Инструменты
Сайт был разработан на CMS Wordpress.
Прототипирование
Любой дизайн начинается с прототипирования нетипичных страниц, и для PoliANika наш дизайнер разработал прототипы следующих страниц:
- Главная;
- О нас;
- Каталог;
- Страница товара;
- Контакты.
На этапе согласования прототипов заказчик внимательно проанализировал предложенные решения, внёс корректировки по структуре страниц и отдельным элементам. Также он предоставил недостающую текстовую информацию и необходимые пояснения. После утверждения всех изменений было принято решение о переходе к следующему этапу — разработке визуального дизайна.
Дизайн
Отталкиваясь от пожеланий заказчика — создать уютную, тёплую атмосферу с запоминающимся и нестандартным оформлением в стилистике фотостеллажа — мы проанализировали предложенные заказчиком цветовые палитры и выбрали наиболее выразительные сочетания. В результате были разработаны три варианта главной страницы, каждый — с уникальным визуальным акцентом и индивидуальной цветовой схемой. Все решения передают настроение бренда и подчеркивают творческую направленность проекта. В результате заказчик остановился на первом варианте, который наилучшим образом отражал желаемую атмосферу и стиль. Этот вариант лег в основу дальнейшей работы: все остальные страницы были разработаны в единой стилистике, сохраняя визуальную целостность и настроение.
Итоговый дизайн сайта выполнен в тёплой, уютной цветовой гамме — бирюзовые и оранжевые оттенки, рукописный шрифт в стиле маркера создают дружелюбное и душевное настроение. Категории каталога и карточки товаров, оформленные как полароидные фотографии, визуально отсылают к теме памяти и фотоархивов. Разные элементы сайта, приклеенные на кнопки или скотч — поддерживают тематику. Футер завершает каждую страницу, объединяя полезную информацию и навигацию в аккуратной, атмосферной подаче.
Каталог оформлен как фотогалерея из снимков. Слева расположен фильтр и список категорий, прикреплённые на скотч — такой дизайн добавляет уют и создаёт ощущение «ручной работы». Страница товара выполнена с акцентом на визуал: большие, качественные фотографии товара, подробное описание и основные характеристики. Такой подход помогает лучше рассмотреть каждый продукт и получить полное представление о нём в удобном и приятном формате.
Разработка и адаптация
После утверждения дизайна сайта наш программист выполнил верстку и разработку: превратил макеты в работающий адаптивный сайт, настроили корректное отображение на всех устройствах, оптимизировал скорость загрузки и протестировал кроссбраузерность.
Сайт адаптирован под любые устройства — от больших компьютеров до маленьких смартфонов. Все элементы сайта — фотографии товаров, фильтры, меню и кнопки — автоматически подстраиваются под размер экрана. Это значит, что на телефоне карточки товаров не слипаются, а удобно располагаются друг под другом, а меню и фильтры остаются простыми в использовании. Такой адаптивный дизайн делает процесс выбора максимально комфортным, не испытывая проблем с навигацией или чтением информации.
