Розробив корпоративний сайт для московської фабрики з перетяжки та реставрації м'яких меблів з 21-річним досвідом роботи.
Функціонал:
— Калькулятор вартості перетяжки з вибором типу меблів та матеріалу
— Каталог матеріалів (4500+ зразків) з фільтрацією за кольором (18 варіантів), типом тканини (жакард, велюр, шеніл, шкіра та ін.) та малюнком
— Галерея робіт «до / після» з інтерактивним слайдером
— Каталог наповнювачів (7 типів) з цінами
— Розділ послуг: 7 категорій з ієрархічною структурою та адаптивною сіткою (2/3/5 колонок)
— Форма виклику дизайнера з захистом reCAPTCHA
— Адаптивний дизайн (mobile-first)
— Інтеграція Google Analytics + Яндекс.Метрика
Дизайн: темна мінімалістична палітра (#1d2b38), сучасна типографіка, акцентні CTA-кнопки
Стек: Next.js, React, Tailwind CSS, Motion (Framer Motion), Radix UI, shadcn/ui
#Ecommerce #NextJS #React #TailwindCSS #Каталог #Калькулятор #Frontend #Responsive #Фільтрація #Меблі #КорпоративнийСайт
Функціонал:
— Калькулятор вартості перетяжки з вибором типу меблів та матеріалу
— Каталог матеріалів (4500+ зразків) з фільтрацією за кольором (18 варіантів), типом тканини (жакард, велюр, шеніл, шкіра та ін.) та малюнком
— Галерея робіт «до / після» з інтерактивним слайдером
— Каталог наповнювачів (7 типів) з цінами
— Розділ послуг: 7 категорій з ієрархічною структурою та адаптивною сіткою (2/3/5 колонок)
— Форма виклику дизайнера з захистом reCAPTCHA
— Адаптивний дизайн (mobile-first)
— Інтеграція Google Analytics + Яндекс.Метрика
Дизайн: темна мінімалістична палітра (#1d2b38), сучасна типографіка, акцентні CTA-кнопки
Стек: Next.js, React, Tailwind CSS, Motion (Framer Motion), Radix UI, shadcn/ui
#Ecommerce #NextJS #React #TailwindCSS #Каталог #Калькулятор #Frontend #Responsive #Фільтрація #Меблі #КорпоративнийСайт