Сайт дистрибьютора охранных систем «SecureTech»
Сайт-презентация
Моей задачей было сделать такой дизайн, чтобы он грамотно рассказал посетителям и потенциальным клиентам о деятельности компании и технологических решениях, которые она внедряет. Вот, что из этого получилось.
Приветствие главной страницы.
Технологии
Сайт строили на движке Твиттер Бутстрап с поддержкой мобильных платформ. Поэтому сайт удобно читать на телефонах и планшетах. Первый блок главной страницы занимает всю доступную ему высоту, поэтому, чтобы пригласить пользователя к дальнейшему чтению, я сделал приятную анимацию с мышкой для настольных компьютеров и с пальцем — для мобильных устройств. Смотрите:
Контент
На сайте будут размещаться детальные статьи про оборудование и решения, внедряемые компанией. Поэтому я нарисовал типовую текстовую страницу, которая является примером того, как редакторы должны оформлять будущие статьи.
Несколько скриншотов
Анимация
Для того, чтобы разработчик смог правильно реализовать интерактив на сайте, я разработал анимацию меню, слайдера, плитки и прокрутки:
- Главный слайдер
- Работа меню
- Прокрутка контента
- Наведение на плитку
