Дизайн сайта с внутренним личным кабинетом по ТЗ

Разработка и дизайн основной страницы сайта и личного кабинета по ТЗ закачика

В целом это все, готовы обсудить детали при личном общении с кандидатом.

При отклике просьба предварительно скидывать примеры выполненных работ.

Разработка командой приветствуется и желательна.

Озвучивайте примерные сроки и стоимость работ, удобным для Вас способом.

Техническая часть:

- макетная сетка - по Twitter Bootstrap 3 (максимальная ширина 1170px, 12 колонок, внутри каждой колонки слева и справа отступы по 15px) - все элементы страницы, располагаются относительно этой сетки.

вот тут инструкция:

http://getbootstrap.com/css/#grid

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

- векторные слои в макете (если такие есть), который уходит на верстку - растрировать (макет с векторной графикой (если такая имеется) тоже оставлять в наличии), маски слоя объединять, чтобы верстальщиук не приходилось превращаться в дизайнера. Верстальщик должен выбрать слой, скопировать его на новый документ, сделать тримминг и сохранить для web.

- проработать состояние интерактивных элементов (например состояние кнопок при наведении, нажатии + показ ошибок в полях форм при неправильном заполнении данных и т.д.)

Адапитивный дизайн: должно быть несколько макетов для разной ширины экрана браузера:

— Large devices (Desktops): ≥1200px;

— Medium devices (Desktops): ≥992px;

— Small devices (Tablets): ≥768px;

— Extra small devices (Phones):

- использовать размеры шрифтов в пикселях целыми числами (14x - да, 14.74px - нет).

- размеры шрифтов должны быть четко определены, как здесь:

http://getbootstrap.com/css/#type

размеры можно использовать другие, главное чтобы на всем сайте, например, для заголовка H3 был шрифт одинаковый везде, для параграфа

- тоже, если нужно меньше, значит добавить отдельный вариант шрифта (small) и он должен тоже быть везде одинокого размера. Если используются разные кнопки, то тоже их систематизировать, сделать 3-4 варианта цветов, 3-4 варианта размеров, но не по 10 кнопок на каждой странице и все разные. В общем повторяющиеся элементы, такие как тексты, кнопки, поля ввода и тд - делать везде одинаковыми или использоваться 3-4 варианта, если нужно. Необходимо сделать отдельный макет с типографией, кнопками, цветами и другими повторяющимися элементами сайта.

для примера просмотреть эту страницу:

http://getbootstrap.com/css/#type