Разработка сайта

Дизайн и вёрстка
Алексей Скорик

Дата выпуска 21.04.2020
Сделано за 18 дней
https://prostomebel.org/

Делаем яркие сайты

Задача
Разработать дизайн сайта, сверстать пять страниц на тильде по заданной структуре и опубликовать

Простомебель

02

Первый экран сразу рассказывает о преимуществах фабрики. Демонстрирует производство корпусной мебели по индивидуальным проектам.

Информативные
блоки сайта

03

Сделаны акценты на важных блоках. Цветовые сочетания акцентируют взгляд на главном, а вертикальный ритм построения блоков не даст пользователю заскучать, изучая сайт.

Иконки pixel perfect

04

Красивые и понятные каждому иконки. Сделаны по пиксельной сетке, поэтому не искажаются и четко смотрятся на всех экранах.

Дизайн система

05

Вертикальная сетка позволяет легко адаптировать сайт под разные экраны. Типографика настроена так, чтобы человек смог легко прочитать всю информацию.

Цвета

05

Соотношения цветов сайта построены на акцентных и вспомогательных оттенках. Акцентные цвета выделяют блоки и кнопки действия. Вспомогательные — фон и другие элементы. Все цвета гармонично сочетаются и дополняют друг друга, создавая визуальную целостность всего сайта.

Шрифт

06

Благодаря своей ширине и межбуквенному расстоянию, Geometria отлично читается на любых размерах экрана даже в маленьком кегле.

Прототип в Figma

07

Прототип подготовлен под размер 1368 px по ширине, поэтому лучше всего смотрится на больших экранах.

08

Видеопрезентация страниц сайта.

Реализация в Тильде

Перенесли дизайн из figma и сверстали страницы на платформе Тильда, настроили адаптивность, оптимизировали SEO и опубликовали