+7 (961) 211-15-51

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

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

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

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

Дизайн макет для вёрстки сайта — Радуга цветов

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

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

Карта лендинга — Радуга цветов

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

Логотип — Радуга цветов Логотип — Радуга цветов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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