Шаблоны сайтов для компании «Хекса»

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

Структура у всех сайтов практически одинаковая, ее готовит сео-отдел, поэтому прототипирования нет. Фото куплены на стоках.

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

Я понимаю, это можно делать быстрее, например, на Фреймере, или сразу верстать, но так налажена система работы с отделом верстки в компании, нужно было ее придерживаться.

Каждый проект готовится и передается на верстку в течение двух недель—месяца максимум.

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

Первый сайт.

Главная страница.

 

Пример главной в разрешении 768.

 

Страница контаков.

 

Иконки.

 

Пояснение верстальщикам.

 

Приключения треугольника. Анимировал главную, чтобы наглядно показать, какой я хочу эффект при прокрутке.

 

А это — процесс по логотипу и принятый логотип в конце.

 

Прелоадер.

 

 

Второй сайт.

Сначала хотел сделать что-то с анимацией на главной. Анимация происходит, когда прокручиваешь страницу и контент типа выплывает на тебя. Но не утвердили.

 

Сделал традиционней.

 

 

Иконки.

 

Гайды по верстке.

 

Процесс по логотипу.

 

Прелоадер.

 

 

Третий сайт.

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

 

Решили, что будет не совсем понятно, что это кнопка.

Главная страница.

 

О компании.

 

Контакты.

 

Цены.

 

Отзывы.

 

404.

 

Иконки.

Прелоадер.

 

 

Четвертый сайт.

Главная станица. Тут вверху попросили поставить рыбный текст, так как будут еще что-то дописывать после того, как сайт сверстают.

 

Прайсы.

 

Контакты.

 

Иконки.

Процесс по логотипу.

 

 

 

Пятый и шестой сайты.

Пятый сайт: dissertation.expert.

Нужно было сделать одностраничные сайты по структуре маркетолога.

 

Шестой сайт: assignmentsavior.com.

Иконки и иллюстрации.

 

 

 

 

Структура, предоставленная маркетологом.

 

Седьмой сайт.

Сайт по структуре маркетолога.

Главная страница.

 

Описание сервиса.

 

Контакты.

 

 

Цены.

 

Иконки и иллюстрации.

 

Подписи отрисованы в векторе для анимации.

 

Пояснение верстальщикам.

 

Структура, поступившая от маркетолога.

Leave a Reply

Your email address will not be published. Required fields are marked *