marsellestudio_prelude_webpage
comment 0

Дизайн страниц для интернет-агентства

Задача — разработать три макета страницы в стиле флэт + простую инфографику для сайта интернет-агентства NOVITATE.

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

ИКОНОГРАФИКА

— Эскизы и поиски —

marsellestudio_sketch-web design

marsellestudio-sketch-advancement sites

marsellestudio_sketch_contextual advertisement

marsellestudio-photo-sketch-icons

— Первый вариант иконок —

marsellestudio-Infographic-icons-vers.1

— Второй вариант иконок —

marsellestudio-Infographic-icons-vers.2

— Пропорции, стилистика и цвет —

marsellestudio-bulb

marsellestudio-airplane

marsellestudio_target audience

marsellestudio-semantic core

marsellestudio-browser window

— Готовые иконки —

marsellestudio-icons roll

ТИПОГРАФИКА

— Шрифт Open Sans —

marsellestudio-typographics

— Нумерация —

marsellestudio-numbering

— Элементы —

marsellestudio-elements

— Кнопки —

При наведении курсора или нажатии, кнопка меняет цвет — становится активной.

marsellestudio-buttons

 СТРАНИЦЫ

— Первый вариант хэдлайнов —

marsellestudio_icons-vers.2

marsellestudio-headline1-vers.1

marsellestudio-headline2-vers.1

marsellestudio-headline3-vers.1

— Утверждённый вариант хэдлайнов —

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

marsellestudio-headline1

marsellestudio-headline2

marsellestudio-headline3

Все страницы были разделены на четыре блока:

Блок 1 — хедлайн, блок 2 — основной контент, блок 3 — типы сайтов, блок 4 — кнопка заказа

Затем для блока 2 были добавлены размытые тематические фотографии в виде фонов. Так на странице SEO размещена вершина горы — как образ успеха и достижения цели.

marsellestudio-mountain

— Окно с контентом —

marsellestudio-content

— Окно с типами сайтов —

marsellestudio-types-of-sites

— Калькулятор —

При выборе типа сайта, появляется всплывающее окно в виде калькулятора цен.

marsellestudio-calculator

— Готовые макеты страниц для сайта —

marsellestudio-page-web-design

marsellestudio-advancement sites

marsellestudio-contextual advertisement

Оставьте свой коммент:)

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s