Подробнее о разработке сайта
Была поставлена задача: разработать сайт для компании “Просто учим”, которая занимается подготовкой школьников к сдаче ОГЭ и ЕГЭ, а так же, прочим обучением.
Основной уклон при разработке проекта был сделан на презентацию компании, ее курсов, педагогов, всех особенностей и преимуществ.
Для реализации данного сайта была выбрана CMS Wordpress. В качестве основных цветов были выбраны цвета фирменного стиля заказчика, а оранжевый цвет – в качестве акцентного цвета.
На выходе, клиент получил качественный сайт, который его полностью удовлетворил, а сам сайт наша команда превратила в отдельный канал привлечение клиентов через поисковые системы (сайт в ТОП5 по своим ключевым запросам).
Цветовая схема сайта
Особенности создания сайта компании
- Главная страница. Главная страница сайта была выполнена в виде блоков с выжимкой самой важной информации со всего сайта – структура, аналогичная структуре классической посадочной странице. Последовательность блоков была выведена в нужной последовательности, чтобы посетитель получал информацию в таком порядке, в котором она бы воспринималась оптимально.
- Функциональный первый экран сайта. Первый экран сайта (область, которую первой видит посетитель без прокрутки) был спроектирован так, что всю вводную информацию посетитель получает уже при первом заходе на сайт: посетитель понимает куда он попал, видит тематику сайта, преимущества компании, всю навигацию, формы заявки, переходы в мессенджеры.
- Удобная навигация. Интерфейс сайта интуитивно понятен и удобен для пользователей любого уровня подготовки. Прижатое к верхней части экрана меню всегда на виду и позволяет перейти на любую страницу сайта с любого места на нем.
- Сложная структура. Все курсы разбиты по категориям, в каждой категории свой набор курсов. Такая организация навигации по услугам значительно упрощает ориентирование по предложениям компании. Аналогия с интернет-магазином.
- Видео. Короткое видео, которое идет "как бы фоном"на сайте сразу привлекает внимание и показывает особенности компании буквально за несколько секунд. Звук отключен, чтобы избежать раздражения со стороны посетителя сайта.
- Анимация. Легкая анимация CSS позволяет сделать акценты на нужные области, фразы, кнопки, действия. Анимация движения блоков позволяет акцентировать внимание на нужных блоках сайта, а так же, показать визуальную проработку и сделать сайт более презентабельным для посетителей и вызывать большее доверие, что сводится к увеличению конверсии проекта.
- Интерактивность. Для удобства пользователей, реализованы формы обратной связи, переходы в мессенджеры для прямых диалогов.
- Адаптивный дизайн. Сайт оптимизирован для работы на различных устройствах — от смартфонов до настольных компьютеров. Это позволяет пользователям комфортно просматривать информацию независимо от типа устройства.
- Безопасность. Сайт разместили на надежном сервере с антивирусным ПО. Так же, сайт был переведен на протокол https. Внедрили элементарную защиту от спама для форм обратной связи.
Функциональные возможности сайта
- Форма обратной связи. Позволяет сформулировать и отправить на почту заказчика любые вопросы.
- Фотогалерея. Дает возможность комфортно просмотреть фотографии , увидеть особенности, процесс обучения.
Технологии сайта
Для реализации проекта использовались современные технологии веб-разработки, такие, как HTML5, CSS3, JavaScript, а также фреймворки Bootstrap и jQuery для обеспечения отзывчивого дизайна и интерактивности. В качестве CMS была выбрана одна из самых популярных систем управления сайтом Wordpress.
