Сайт VLAD IT

Корпоративный сайт digital-агентства.

Vlad IT – региональное digital агентство с полным спектром услуг в сфере IT. Мне выпала честь работать здесь веб-дизайнером и одно из первых заданий было обновить корпоративный сайт. С этой задачей я успешно справился, а так же обновил логотип и деловую документацию.
 
Каждый раздел сайта открывается на весь размер браузера, смена экранов происходит при скролинге. Стояла задача как можно дольше не уводить пользователя с главной страницы, поэтому разработана своеобразная подача возможностей и информации о кейсах компании. Сайт презентационный и мы не поскупились на эффекты, чтобы продемонстрировать нашу дизайнерскую и програмную мышцу.
 
1 экран – видеофон
 
На заднем плане короткая нарезка из ролика о компании, по клику на соответствующую кнопку, можно посмотреть ролик целиком.
2 экран «Возможности»
 
Когда страница скролится и переходит на следующий экран, верхнее меня становится тоньше и туда попадает значек с логотипа. При неведении на иконку происходит короткая анимация (0,6 с), по клику появляется всплывающее меню. Уже из него можно перейти на внутренние разделы.
3 экран «Кейсы»
 
Большую часть экрана занимает слайд с фоновой картинкой визуализации сайта и краткое описание проекта. В нижней части экрана плавно движется галерея проектов. 
По клику на стрелку плашка раздвигается вправо и демонстрирует более подробную информацию о проекте.
4 экран – вакансии
 
Список вакансий компании. При наведении на название вакансии, меняется фон слайда.
5 экран – контакты
 
Простая форма и информация об иных способах связи.
У нас была идея игрового тригера, где главным героем выступал марио и делал заполнение формы обратной связи игрой. Эта идея была частично реализована и отняла много времени, но по моему настоянию, мы от нее отказались. Я просто понял что здесь вообще не нужен тригер, не нужна сложная форма и сколько бы креатива мы не наделали здесь – это бесполезная хрень, которая только все усложняет.
 
Вот некоторые кусочки, успевшие реализоваться. Кнопка для вызова формы обратной связи так же имеет анимацию, сопровождаемую характерным звуком из игры Марио.
Форма появляется по клику:
Анимация после отправки формы:

Другие проекты

Pure Moving Айдентика
Фирменный стиль для калифорнийской компании, которая занимается переездами.
BrandingIcon DesignPrint Design
Vektors
Векторные картинки.
DrawingIllustration
Айдентика Penguin Colors
Айдентика для рекламного агентства Penguin Colors.
BrandingGraphic DesignWeb Design
Сбербанк «Талисман»
Проект нового продукта ДМС для Сбербанк Страхование
UI/UXWeb Design
Буклет Lafasad
Презентационный буклет компании, которая занимается вертикальным озеленением.
Graphic DesignPrint DesignTypography
Ароматизированая вода «Суздальские напитки»
Линейка ароматизированой воды для регионального бренда «Суздальские напитки».
Graphic DesignPackagingPrint Design
Приложение «Штрафы ГИБДД»
Проектирование пользовательского взаимодействия
UI/UXInteraction Design
POSM для завода «Пластик»
Презентационные материалы завода ОАО «Пластик» для международной специализированной выставки пластмасс и каучуков «Интерпластика 2016».
Print DesignGraphic Design
Айдентика YACHTLINE
BrandingPrint DesignGraphic Design
Плакат GS
Рекламный постер для производителя мотоаккумуляторов.
AdvertisingGraphic Design
Back to Top