Struza Engineering - прототип сайта компании
- 29
- 0
- Опубликовано: 2018-07-07
Прототип нового сайта для московской компании Struza Engineering.
Итак, начнём с основного - форма. Учитывая форму логотипа компании - круг, я постарался использовать его в ключевых ui - элементах.
Как вы можете заметить, кнопка меню, кнопки КТА и раскрытия информации имеют данную форму.
Общий дизайн будет выполнен в светлом тоне с использованием в качестве бэкграунда - анимированного силуэта частей логотипа компании.
UX спроектирован с учётом направленности проекта на b2b аудиторию.
Давайте приступим к поэкранному разбору.
В хэдере находятся логотип, контакты (котоые при верстке будут кликабельны), а также, кнопка меню, которое при раскрытии будет иметь данный вид (показано на макете).
1 экран отвечает на вопрос КТО МЫ и почему нам можно доверять.
Акцент в офферной конструкции я делаю на вес, опыт компании.
Мы опытны, и мы знаем то дело, которым занимаемся.
бэкграунд имеет линии с крестиками возле ключевых элементов, они будут санимированы для привлечения взгляда к тем пунктам, на которые важно обратить внимание посетителя сайта.
В нижнем правом углу находится гарантийная подпись что дополнительно подкрепляет надежность компании для потенциального клиента.
Учитывая пожелание клиента, по центру справа на каждом из экранов будет находиться элемент заказа обратного звонка.
Экран 2.
Второй экран раскрывает специфику работы компании и отвечает на вопрос клиента "подойдете ли Вы для решения нужных ему задач".
В центре экрана находится анимированный круг.
При выборе любого из пунктов происходит перемещение всех элементов по часовой стрелке, а выбранный пункт раскрывается в карточке слева.
Также есть альтернативное предложение, использовать экран, как своего рода прайс, добавляя примерный перечень работ и цену.
Третий экран демонстрирует портфолио компании.
В заголовке использован эффект привлечения внимания за счет типографики, демонстрирующей объем работ выполненных в течении 12 лет.
Вверху справа расположен фильтр категорий, дублирующий пункты в меню. Из меню будет осуществляться переход в портфолио. На
Итак, начнём с основного - форма. Учитывая форму логотипа компании - круг, я постарался использовать его в ключевых ui - элементах.
Как вы можете заметить, кнопка меню, кнопки КТА и раскрытия информации имеют данную форму.
Общий дизайн будет выполнен в светлом тоне с использованием в качестве бэкграунда - анимированного силуэта частей логотипа компании.
UX спроектирован с учётом направленности проекта на b2b аудиторию.
Давайте приступим к поэкранному разбору.
В хэдере находятся логотип, контакты (котоые при верстке будут кликабельны), а также, кнопка меню, которое при раскрытии будет иметь данный вид (показано на макете).
1 экран отвечает на вопрос КТО МЫ и почему нам можно доверять.
Акцент в офферной конструкции я делаю на вес, опыт компании.
Мы опытны, и мы знаем то дело, которым занимаемся.
бэкграунд имеет линии с крестиками возле ключевых элементов, они будут санимированы для привлечения взгляда к тем пунктам, на которые важно обратить внимание посетителя сайта.
В нижнем правом углу находится гарантийная подпись что дополнительно подкрепляет надежность компании для потенциального клиента.
Учитывая пожелание клиента, по центру справа на каждом из экранов будет находиться элемент заказа обратного звонка.
Экран 2.
Второй экран раскрывает специфику работы компании и отвечает на вопрос клиента "подойдете ли Вы для решения нужных ему задач".
В центре экрана находится анимированный круг.
При выборе любого из пунктов происходит перемещение всех элементов по часовой стрелке, а выбранный пункт раскрывается в карточке слева.
Также есть альтернативное предложение, использовать экран, как своего рода прайс, добавляя примерный перечень работ и цену.
Третий экран демонстрирует портфолио компании.
В заголовке использован эффект привлечения внимания за счет типографики, демонстрирующей объем работ выполненных в течении 12 лет.
Вверху справа расположен фильтр категорий, дублирующий пункты в меню. Из меню будет осуществляться переход в портфолио. На
Прикрепленные файлы:
Комментариев нет
оставить комментарий могут только авторизованные пользователи
