Дизайн:
При создании дизайна сайта учитывалась специфика стиля пивоварни и её продукции - имперский и шотландский.
Широко использовалась тема кельтских орнаментов, оригинальные фото и иллюстрации.
В целях поддержания винтажности и «вкусных» ассоциаций использовалась цветовая гамма «тёмный эль/светлое пшеничное» и цвет меди.
Верстка:
Верстка сайта осуществлялась при помощи следующих технологий:
- - Html - языка разметки веб-документа (структура документа).
- - CSS — язык описания внешнего вида документа (стили документа).
- - JS (JavaScript) – язык скриптов, который позволяет перехватывать события и выполнять различные действия в веб-документе.
-
- JQuery - это библиотека написанная на JavaScript, предназначенная для абстрагирования, выравнивания, исправления и упрощения скриптинга при работе с узлами HTML-элементов.
- - Препроцессор LESS - это динамический метаязык на основе каскадных таблиц стилей CSS, предназначенный для упрощения, масштабирования и поддержки большого объёма CSS кода.
Сложности, которые нам удалось устранить:
Каждый слайд на главной странице уникальный, где
используется отдельная анимация букв и других элементов. Нам удалось сохранить четкое качество изображения.
Высота картинок разная на экране “Продукция”, это усложнило верстку, так как надпись снизу выходила за нижнюю границу изображения.
Мы привели слайд к единому виду.
