INVERSER
INVERSER
Powerful web-based technologies
Powerful web-based technologies
Email:
Mobile:
YouTube

1. Описание сайта.

Сайт CRD-DN.COM создан для юридической организации, которая занимается получением разрешительной документации. Данный сайт представляет из себя перечень услуг и возможность обратиться напрямую непосредственно к сотрудникам компании. Проект имеет строгое деловое оформление и весь необходимый функционал: обратную связь, обратный звонок, расширенную информацию о компании, приятный слайдер и другие элементы, способствующие благоприятному восприятию информации.

2. Функционал.

Сайт имеет все необходимые элементы для того, чтобы потенциальный клиент смог связаться с представителями компании. Вверху выведены контактные данные и возможность прямого обращения через форму обратной связи. В правом нижнем углу страницы можно увидеть привлекающую внимание анимационный объект с трубкой телефона. Пользователь может нажать на него и увидит простую и удобную форму для обратного звонка как по номеру телефона, так и по Skype.

3. Видео представление.

4. Снимки и стиль.

Сайт был создан на основе уже имеющегося в сети примера. Но я сделал его более уникальным за счет некоторых элементов. Вы сможете видеть необычный слайдер, растянутый по ширине экрана, видимый на всех страницах сайта. Приятный молодой человек в деловой одежде располагает потенциального клиента к приятному восприятию информации, которая преподносится на странице. Для сайта я выбрал также оригинальный шрифт, но заказчик пожелал оставить стандартный (Arial).

Так выглядит главная страница сайта:

CRD-DN.COM

Удобный слайдер можно листать с помощью нескольких способов:

  • стрелками навигации (слева и справа);
  • круглыми кнопками внизу слайдера;
  • swipe действиями (на мобильных и планшетах).

Удобное навигационное меню имеет необычную анимацию при наведении. Анимируется фон и иконка. Также Вы можете видеть подменю – основные необходимые ссылки на материалы.

Вся информация на сайте предоставлена в удобном и понятном виде.

CRD-DN.COM

Часть текста на главной скрывается под кнопкой «Подробнее». Пользователь может нажать на неё, чтобы увидеть весь текст. Это сделано для того, чтобы не загромождать страницу.

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

Я также добавил группу ВКонтакте вниз страницы. Пользователи этой соцсети сразу могут подписаться на новости данной компании.

Также справа внизу можно видеть кнопку «Обратный звонок».

 

CRD-DN.COM

Форма «Обратного звонка» позволяет пользователю быстро оставить свои контактные данные для связи с ним. При этом она имеет максимально удобный вид и всего два поля для заполнения: имя и контактный телефон или скайп. При этом, форма проверяется по средством AJAX-запроса на количество символов в имени и контакте. Если они не заполнены или заполнены некорректно, пользователю выдается соответствующее понятное сообщение об ошибке. Она выглядит следующим образом:

CRD-DN.COM

Так выглядит форма «Обратной связи».

CRD-DN.COM

Раздел «Наши услуги» имеет аккордеон – сжатую информацию, представленную в виде подпунктов.

CRD-DN.COM

Раздел «Контакты» имеет: адреса, номера телефонов и карту Google map.

CRD-DN.COM

Раздел «Информация» имеет несколько статей. Сотрудники сайта могут наполнять его по своему усмотрению.

CRD-DN.COM


Так выглядит сайт на мобильном:

CRD-DN.COM

CRD-DN.COM

CRD-DN.COM


Добавить отзыв

Отзывов пока нет