Website design for kitchen contractor. Different from competitors.
About PROJECT
Create custom design website, with a lot of big size photos and videos of their completed kitchen renovations, in neutral colors, good on all devices (specifically tablets).
Website, different from what competitors have
Goal action
_____________The goal action –
to initiate paid designer consultation. Desired integrations – get request form submissions to email and CRM.
to initiate paid designer consultation. Desired integrations – get request form submissions to email and CRM.
______ _Create custom design website, with a lot of big size photos and videos of their completed kitchen renovations, in neutral colors, good on all devices (specifically tablets).
The goal action –
to initiate paid designer consultation.
Desired integration –
get request form submissions to email and CRM.
to initiate paid designer consultation.
Desired integration –
get request form submissions to email and CRM.
website features
Website structure
We show on the first screen that it is an award-winning kitchen remodeling contractor and mentioned the budget categories of his projects. Then we show what kind of kitchen remodeling SJ Cabinets do. And finally, confirm all the above with photos and videos of their projects. We also offer twice to set up paid designer consultation.
Visual design
+ animation
+ animation
The goal was to make the SJ Cabinets website different from what other kitchen contractors have and make the design bold but with a calm color palette.
We made a clean, neat layout, which is simple but not common in the contractors' industry: big typography for headings, persuasive bite-size texts, high-quality photos of projects, video with a kitchen tour.
We use two animations - preloader while the website is loading and text reveal on scroll.
We made a clean, neat layout, which is simple but not common in the contractors' industry: big typography for headings, persuasive bite-size texts, high-quality photos of projects, video with a kitchen tour.
We use two animations - preloader while the website is loading and text reveal on scroll.
Integration
Once we complete the development, we will add integration with CRM and a payment getaway. When visitors fill out and send the request form, the system will automatically send an email with information to the company's email address and add data to their CRM. Also, it will be possible to book and pay for designer consultation upfront.
design hightlights
Animation – a seasoning for a website.
Watch the video with examples of pre-loader, traditional menu animation and trendy animation on hover.
Watch the video with examples of pre-loader, traditional menu animation and trendy animation on hover.
Check out animation and micro-interactions to keep the user engaged with the content
