Flooring company website for FCM Floor Company
Website for a company that installs laminate, hardwood, tile and carpet in California. The centerpiece is the calculator: the client picks a flooring type, enters room dimensions, chooses a material and sees the total right away. Design, illustrations, animation and development.
- Client
- FCM Floor Company
- Industry
- Flooring installation and repair
- Location
- Sacramento, USA
- Year
- 2023
- What we did
- UX, design, illustrations, calculator, development
Try the live website
This is the project’s working front-end. Scroll the home page and the illustration layers will move apart. Open the calculator to price a floor for your own room, and see the site on a phone.
Wheel or trackpad — scroll inside the windowButtons above — switch screen sizesTabs — home, service, project and calculatorRequests from the demo are not sent anywhere
Clients see the floor price before they call — based on their own rooms
FCM Flooring installs and repairs floors in Sacramento and the surrounding suburbs: vinyl laminate, hardwood, carpet and tile. Customers usually don’t know the price until an installer comes out to measure. The goal: a website that calculates the cost on its own and brings in requests with a clear scope of work.
- 01Two-mode calculatorQuick mode by area, detailed mode by room, wall and stair step
- 02Textured materialsThe client picks flooring from photos of the planks and sees the price per square foot right away
- 03Illustrated hero screenAn installer lays a floor in a bright apartment, and the illustration layers move apart on scroll
- 04Estimate and requestThe estimate builds up on the right, deposit included, and the request goes out with the service, dimensions and total
- Platform
- Nuxt.js and WordPress
- Calculator
- Custom Vue module: 6 types of work
- Animation
- GSAP and ScrollTrigger
- Team
- 11 people, from art director to QA tester
Mobile version — everything within thumb’s reach
People often open the site on their phone right in the room they plan to renovate. So contact options and the menu sit in the bottom bar, and the calculator switches to a single column.
- 01Call, email, Facebook, Telegram and the menu in the bottom bar
- 02Swipeable services and projects
- 03The calculator estimate collapses into a bar at the bottom of the screen
Website mockups
Tell us your idea.
We handle the rest
What does your company do, and what should the website achieve?
