ДИЗАЙН САЙТА ОКОННОГО ПРОИЗВОДСТВА

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

Данная работа была проведена полностью мной: писались тексты; подбирались иллюстрации, разрабатывался дизайн и происходила непосредственная верстка самого сайта.

Приятного ознакомления.

ОСНОВНАЯ
ИДЕОЛОГИЯ
ДИЗАЙНА САЙТА

Потратив время мною были изучены сайты оконных производств, которые мне показались мало информативными с точки зрения заказчика. Порой я не мог понять, чем же отличаются разные оконные профили, особенно когда они выглядят одинаково. У всех одно и тоже... Купи одно - второе в подарок! Купи окно за 5000 рублей! И множество форм заказа...

Моя же задача, как я писал выше заключалась в том, чтобы создать некий сайт-визитку, которая бы рассказала о преимуществе окон компании “АКАДЕМОКНА“, о производственных возможностях и частично была нацелена на частных лиц, которые хотели бы приобрести окна.

САЙТ КАК БОЛЬШАЯ
ИНФОРМАТИВНАЯ ПОЛОСА

как читают сайт

Сайт построен на дисциплине “скоростного чтения”, когда тебе не хочется читать всю информацию целиком Ваш взгляд проматывает текст поперек, выцепляя из увиденного лишь несколько слов. Исходя из этой концепции по всему “рабочему полотну” я расположил ключевые фразы, которые Вы сможете вычленить, куда бы не был нацелен ваш взгляд.

ЦВЕТОВАЯ СХЕМА
И ЭЛЕМЕНТЫ ДИЗАЙНА

Так как основным цветом компании является красный цвет, на нем и было выявлено ударение.


ОСНОВНЫЕ ЦВЕТА МАКЕТА

белый цвет

БЕЛЫЙ


Более 70 процентов сайта наполнено белым цветом, что обусловлено не только тем чтобы придать сайту яркости, но и поддержать контраст всей цветовой схемы.
красный цвет

КРАСНЫЙ


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

ЧЕРНЫЙ


Служит для текстов и заголовков третий очереди (H3).

ЗАГОЛОВКИ

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

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

Основные заголовки (h2)


Состоят из красной полосы вдоль всего макета, для привлечения внимания, и самого заголовка, который чаще всего выполнен в виде вопроса и призыва к действию.

заголовки h2 для сайта

Дополнительные заголовки (h3)


Главная их цель быть заметными читателю, который подобными “тегами” может выхватить из всего контента “ключи”, повествующие ему о предстоящем содержании блока или же просто донести интересную информацию.
заголовки h3 для сайта

ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ ДИЗАЙНА

Калькулятор для сайта


Был разработан простенький калькулятор, в котором потенциальный клиент мог посчитать приблизительную стоимость изготовления окон. Погрешность калькулятора составляла около 3-5 процентов.
Калькулятор для сайта окон

Векторные силуэты домов


Для удобства расчетов, клиенты могли найти свой дом по образу типовой застройки Москвы, для этого были обрисованы силуэты томов в векторной программе. заголовки h2 для сайта

ИТОГИ
ПРОДЕЛАННОЙ
РАБОТЫ

Проект был интересен не только, как сам проект, но и поневоле я обязан был вникнуть непосредственно в само производство, так как все тексты приходилось писать самостоятельно.

Поставленная задача была выполнена, более того весь сайт вошел в единый каталог группы компаний “АПКАДЕМ”, который и базировался на полной передачи данных с сайта на бумагу.


Ознакомиться с сайтом "АКАДЕМОКНА" Вы можете по ссылке