Дизайн и разработка сайта Aroma Cleaning

Посмотреть сайт: Aroma-Cleaning.ru

dizajn-razrabotka-sajta-aroma-cleaning

Через полтора года после завершения разработки нового дизайна сайта Aroma Cleaning, желая идти в ногу со временем, руководство петербургской компании обратилось к нам с просьбой сделать сайт адаптивным – пригодным для комфортного просмотра не только с ПК, но и с мобильных устройств. Другими словами, нам предстояло разработать дизайн сайта не только для ПК, но и две версии дизайна для смартфона – в портретной и альбомной ориентации, а также две версии для планшета (в двух ориентациях). В общей сложности предстояло разработать пять версий дизайна сайта.

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

aroma-site-mobile-preview

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

Версия дизайна сайта для планшета

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

aroma-site-tablet-preview

Дизайн для ПК

Последним мы стали разрабатывать дизайн сайта для самой большой группы устройств – персональных компьютеров:

index-preview-aroma-site

Дизайн главной страницы сайта: полноэкранный слайдер, заголовок, аннотация и кнопка «подробнее» со ссылкой на соответствующую страницу.

about-preview-aroma-site

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

contacts-preview-aroma-site

Дизайн страницы «Контакты»: широкоэкранная интерактивная карта, адресный блок с тематическими пиктограммами и форма обратной связи с панорамной фотографией ночного города на Неве.

* * *

Виды работ: разработка дизайна сайта
Исполнители: Андрей, Павел
Клиент: Aroma Cleaning
Регион: Санкт-Петербург
Сдача проекта: октябрь 2015