https://evkarn.ru
Лендинг под ключ

Сайт для управляющей компании «Моя компания»

Посмотреть сайт
Изображение для сайта управляющей компании — изображено три многоэтажки, рядом деревья и гуляют люди

Заснята отработка всех элементов сайта - лендинга для управляющей компании «Моя компания».

Дата загрузки: 2022-06-07 00:00:00 +0500

Постер для видео - изображено три многоэтажки, рядом деревья и гуляют люди

О клиенте:

УК ООО «Моя компания» — занимается управлением недвижимым имуществом.

Задача:

Сделать лендинг под ключ — отрисовать дизайн и сверстать сайт для управляющей компании.

Требовался временный лендинг, для связи с компанией. В последующем планировалась расширение в полноценный сайт-визитку и интеграция в CMS MODX.

Что сделано:

Прототипирование: структура и расположение элементов, текст.

Дизайн.

Вёрстка.

Регистрация хостинга.

Размещение сайта не сервере.

Инструменты:

  • Редактор Фигма
  • Редактор Крита
  • Редактор Инкскейп
  • ХТМЛ
  • ЦСС
  • Джаваскрипт
  • Гулп
  • Сасс

Процесс

Прототип лендинга — расположены элементы будущего сайта

Прототип сайта

Так как необходим был простейший лендинг для связи с компанией, на сайте были представлены лишь основные необходимые секции с общей информацией о компании.

Ограничились следующими секциями: о компании; контакты; адрес и местонахождение; реквизиты.

Всё в соответствии с запросам клиента.

Первая секция лендинга — на фоне красивый двор жилого дома, заголовок, описание и кнопка

Дизайн

Для дизайна использован единый фон с выделением главных блоков сплошной заливкой.

Тихие, спокойные тона, которые не раздражают глаз и помогают легко воспринимать контент на сайте.

В качестве акцентного цвета выбран оттенок жёлтого цвета.

Ноутбук, сроки кода, надписи: css, html, js — вёрстка лендинга

Вёрстка лендинга

Вёрстка кросс-браузерная — правильно работает во всех браузерах. Полностью адаптивная с учётом ретина-дисплеев и валидная, с применением семантических тегов.

Проведена поисковая и техническая оптимизация элементов сайтов. Сделана микроразметка OpenGraph и частично Scheme.org.

Секция лэндинга с контактами

Интерактив

В процессе работы реализованы простые интерактивные элементы: формы заказа; постраничная навигация; кнопка возврата к верху страницы.

также реализована интерактивная яндекс-карта.

Секция лендинга с адресом и картой

Анимация

На сайте сделаны лёгкие, простые анимации — в основном срабатывающие по наведению на элементы — ссылки и кнопки.

Результат

Затрачено времени:

7 дней

Бюджет проекта:

Конфиденциально

Отзыв

Фотография клиента
Ева Лисицина, менеджер компании

Всем привет! Женя молодец! Заказывали создание сайта) Не ожидали такой оперативности в обсуждении вопроса «Цена — Качество». В итоге все круто! Евгений, спасибо! Поддерживаю!

Посмотреть отзыв на vk.com