Сайт международного форума «Электрические сети»

сайт под ключ, веб разработка, javascript, modx

Перейти на сайт

Разработка под ключ сайта форума «Электрические сети»: проектирование дизайна, верстка страниц, интеграция с cms MODx и публикация сайта. Html - Css - Pure JavaScript - Modx (апрель 2022).

 О проекте

Корпоративный сайт международного форума «Электрические сети» expoelectroseti.ru. МФЭС берет свое начало в 1997 году. На протяжении 25 лет мероприятие традиционно проводится в конце ноября - начале декабря.  Участники форума – компании электроэнергетической отрасли, обеспечивающие надёжное и качественное энергоснабжение населения, социально значимых объектов и в целом экономики. Выставка традиционно встречает участников и посетителей на гостеприимной территории ВДНХ в Москве.

 Задача проекта

  1. Разработать простой дизайн сайта в сине-белых тонах.
  2. Сверстать главную и внутренние страницы.
  3. Интегрировать с движком MODx.
  4. Разместить сайт на хостинге и опубликовать в интернете.

 Разработка дизайна корпоративного сайта

Дизайн был создан в Photoshop. Референсами послужили логотип форума и изображение фона из ТЗ.

Дизайн сайта в синих цветах

 Что было сделано

  1. Дизайн: создание в Photoshop, отрисовка графики, фонов и фавиконки.
  2. Верстка: осуществлена адаптивная верстка страниц (Html, Css, pure JavaScript).
  3. Интеграция с cms MODx: создание разделов и страниц, 6 шаблонов (Главная, Новость, Пустой, Страница, Страница с текстом, Фотогалерея), использование MIGX для слайдшоу-каруселей.

 Сайт адаптирован для мобильных устройств и планшетов.

Лендинг Гадание на картах Таро Разработка сайта-визитки таролога под ключ: дизайн (Photoshop), верстка (Html, Css, чистый JavaScript) и интеграция с cms MODx.

На сайте реализованы:

  • прелоадер, липкий хедер;
  • форма регистрации участника форума в модальном окне;
  • на главной странице: фоновое YouTube видео в первом экране, слайдер карусель (секция Фотогалерея) при помощи splide.js, счетчик обратного отсчета (секция Приглашение);
  • внутренние страницы: оформление текстов, фото, списков и цитат, на странице Контакты - Яндекс карта с павильонами ВДНХ;
  • панель сообщения cookies;
  • фотогалереи: при помощи lightgallery.js (https://expoelectroseti.ru/fotogalereya/2022), слайдер картинок на чистом Css при наведении курсора на отдельный альбом (https://expoelectroseti.ru/fotogalereya);
  • анимация элементов при прокрутке страницы, ховер эффекты;
  • служебные страницы (Согласие на обработку данных, Политика конфиденциальности) и страницы ошибок;

 Страницы сайта

  • Главная
  • Внутренняя страница
  • Список новостей
  • Новость
  • Фотогалерея
  • Контакты
Главная страница сайта компании
Внутренняя страница корпоративного сайта
Страница списка новостей
Дизайн страницы новости на сайте
Фотогалерея на сайте
Верстка страницы Контакты

Форма регистрации на сайте

Как вам понравился корпоративный сайт форума? Хотели бы такой многостраничный ресурс для своего бизнеса? Просто сообщите о своем желании, я с радостью помогу осуществить это! Напишите мне на make.website.info@gmail.com:

Написать

Оставьте свой комментарий!


Разрешённые теги: <b><i><br>


Комментарии (0)

 

Давайте общаться

Я хотел бы поговорить о вашем бизнесе, отправьте мне письмо на make.website.info@gmail.com.