Дизайн головної сторінки сайту для компанії, яка займається виробництвом та збіркою каркасних будинків з SIP-панелей за канадськими технологіями, робить модульні будинки, будинки на воді, комерційні проєкти.
Задача: створити адаптивний дизайн головної сторінки сайту для всіх видів пристроїв та розширення екрану. В якості прикладу до завдання додавався сайт, на якому використовується фонове відео (у випадку з десктопною версією).
Логіка взаємодії з пунктами меню на сторінці та сама, що і в прикладі: вони прокручуються в десктопній версії і статично вирівнюються по вертикалі на мобільних.
При наведені, центральний пункт зафарбовується фірмовим помаранчевим кольором, пасивні ж пункти по боках – лишаються сірими. Область виділеного пункту трохи підіймається відносно пасивних пунктів при наведенні, легко змінюється тінь від пункту, візуально “припідіймаючи” його над поверхнею екрану, “ближче” до користувача.
В десктопній версії пропонується використання фонового відео в якості here image background, в планшетній і мобільній версіях – зображення.
2019 рік
#дизайнсайту #модульнібудинки #дизайнсайтів #вебдизайн #вебсайти #адаптивність #адаптив #адаптивна #адаптивний #webdesign #website #websites #sites #responsive #responsivedesign #Greender #GreenderDesign #GRASS #GRASSCreations
Задача: створити адаптивний дизайн головної сторінки сайту для всіх видів пристроїв та розширення екрану. В якості прикладу до завдання додавався сайт, на якому використовується фонове відео (у випадку з десктопною версією).
Логіка взаємодії з пунктами меню на сторінці та сама, що і в прикладі: вони прокручуються в десктопній версії і статично вирівнюються по вертикалі на мобільних.
При наведені, центральний пункт зафарбовується фірмовим помаранчевим кольором, пасивні ж пункти по боках – лишаються сірими. Область виділеного пункту трохи підіймається відносно пасивних пунктів при наведенні, легко змінюється тінь від пункту, візуально “припідіймаючи” його над поверхнею екрану, “ближче” до користувача.
В десктопній версії пропонується використання фонового відео в якості here image background, в планшетній і мобільній версіях – зображення.
2019 рік
#дизайнсайту #модульнібудинки #дизайнсайтів #вебдизайн #вебсайти #адаптивність #адаптив #адаптивна #адаптивний #webdesign #website #websites #sites #responsive #responsivedesign #Greender #GreenderDesign #GRASS #GRASSCreations