Здравствуйте.

Представляю вашему вниманию дизайн—макет для вёрстки сайта «Optima-rent». Если вы только начинаете верстать сайты, то этот макет будет полезен для тренировок в написании кода.

Это дизайн-макет лендинга компании, предоставляющей в аренду офисные помещения. В макете присутствует три страницы: главная, страница 404 и политика конфиденциальности. Каждая страница в двух вариантах компьютерная и мобильная версия.

Надеюсь этот макет поможет вам отточить навыки вёрстки сайтов — приятной работы.

Дизайн макет для вёрстки сайта — Optima-rent

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

На первом этапе разработана карта лендинга — сайт одностраничный, поэтому на карте отображены блоки, а не страницы.

Карта сайта — Optima-rent

Далее разработан простой логотип.

Логотип — Optima-rent Логотип — Optima-rent

Далее разработан прототип (схема текстов и изображений) и на следующем этапе на основе прототипа отрисовывался дизайн всех страниц.

  • Изображение главной страницы (компьютерная версия)

    Изображение главной страницы — desctop версия
  • Изображение главной страницы (мобильная версия)

    Изображение главной страницы — mobile версия
  • Изображение страницы политики конфиденциальности (компьютерная версия)

    Изображение страницы политики конфиденциальности — desctop версия
  • Изображение страницы политики конфиденциальности (мобильная версия)

    Изображение страницы политики конфиденциальности — mobile версия
  • Изображение страницы 404 (компьютерная версия)

    Изображение страницы 404 — desctop версия
  • Изображение страницы 404 (мобильная версия)

    Изображение страницы 404 — desctop версия

Скачать макет

Дизайн-макет распространяется по лицензии CC BY 3.0 — авторство в футере должно быть сохранено.

Скачать html-шаблон по этому дизайн-макету

Стоимость шаблона: бесплатный (CC BY 3.0).

Поделитесь статьёй в соц. сетях:

Вконтакте
linkedin
Одноклассники

Другие материалы по этой теме:

Если нашли ошибку

Нашли ошибку в тексте? Выделите её мышкой и нажмите сочетание клавиш CTRL+ENTER. Я обязательно исправлю ее и вам будет приятнее читать мои тексты!

Раскрытие информации:

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

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

Спасибо за заявку!

Заполните форму, нажмите отправить

и я свяжусь с Вами в ближайшее время

Закрыть