Вернуться к работам

Дизайн веб-сайта

Transit

www.transitllc.ru

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

Transitllc Transitllc
Transitllc

Задачи

Задачи

+ Задачи
01

Упор на удобство

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

02

Актуальные веб-технологии

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

03

«Строгая» цветовая гамма

Цветовое решение является важным аспектом при формировании уровня лояльности посетителей сайта к представляемой на нем компании. Упор на оттенки синего при дизайне интерфейса придают ощущение серьезности, надежности и стабильности ТК «Транзит».

04

Адаптация под смартфоны и планшеты

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

Поехали! Поплыли! Полетели! Transitllc

Идентика

Идентика

+ Идентика
Шрифты
Helvetica Light A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0
Helvetica Bold A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0

Цветовая гамма

#07c8e0

#12a2cc

#f3e7c6

#106fae

#040923

#ff6943

Главная

Главная

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

Модульная система верстки, примененная в этом проекте, позволяет структурировать информацию, визуально не перегружая экран. При этом сайт «живой» и динамичный: ритм придается при помощи грамотного расположения блоков, движения и масштабирования изображений при наведении курсора. Использование меню второго уровня на всех страницах сайта упрощает навигацию и помогает организовать структуру.

Transitllc
Transitllc

Меню услуг

Меню услуг

+ Меню услуг

Большие тематические баннеры на главной с первых секунд вовлекают посетителей в процесс знакомства с компанией, а разделы События, Отзывы и Слово директора повышают степень доверия клиентов и располагают к продолжению диалога. Мы позаботились и о том, чтобы вся необходимая для укрепления первого состоявшегося контакта информация находилась «под рукой». Поэтому добавили выезжающее дополнительное меню, которое появляется при клике на стрелки справа.

Особый подход был предпринят при проектировании меню. Удобное расположение, постоянный доступ к списку услуг и понятная реализация – это все помогает клиенту быстро сориентироваться в списке предложений заказчика. Но мы не остановились на этом. С учетом специфики проекта было принято решение добавить выезжающий справа столбец, в котором представлены пояснения по каждой услуге. Это не только удобно для посетителей, но и красиво.

Transitllc Transitllc

Внутренние страницы

~30 внутренних страниц

+ Внутренние страницы
Transitllc
Transitllc

Модальные окна

Модальные окна

+ Модальные окна

Использование модальных окон на сайте позволяет сохраняться клиенту на «родительском» ресурсе, при том, что широта его действий существенно увеличивается. Так, посетитель может в секунды заказать обратный звонок, и без потерь времени вернуться к изучению материала на сайте.

Transitllc
Transitllc

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

Мобильная версия

Мобильная версия

+ Мобильная версия
Transitllc Transitllc
Transitllc
72
PSD макета
Transitllc
240
Рабочих часов
Transitllc
1
Счастливый клиент
Transitllc