Портфолио

Авиант

 

Посмотреть отзыв по этому проекту.

 

Процесс

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

 

Задаем стиль всему сайту, рисуем верхнюю часть сайта вместе с баннером. За основу взяли стиль «flat», чтобы сайт с таким обилием информации не тормозил и быстро загружался. Тем более, такой стиль сейчас всё более популярен. Многие крупные компании отдают предпочтение именно ему. 

 

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

 

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

 

Решаем у иконок оставить только обводку и делать их цветными только при наведении. Ещё несколько штрихов и общий стиль задан. Рисуем всю страницу сайта целиком.

 

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

 

Рисуем страницу с предлагаемой продукцией. У продукции есть 3 тарифа и необходимо было уместить всю полезную информацию по отличиям в небольших блоках.

На страницах с отзывами нужно было указать те работы и услуги, которые были оказаны. Кроме того, можно легко листать отзывы с внутренних страниц.

 

Компания быстро растет, поэтому страница "Вакансии" необходима. 

 

Новостные страницы.

 

Специально для основных целевых предложений создано 5 больших посадочных страниц (лэндингов):

 

Осталось нарисовать всплывающие окна и состояния основных кнопок, которые не указали в самом дизайне. 

 

Клиент
www.aviant.ru

Задача
Разработать новый, современный дизайн.

« Предыдущий проект Следующий проект »