Website
Renodomi Website Design
Renodomi Website Design
I designed and built Renodomi, a modern Framer website with responsive pages, interactive sections, a custom multi-step form, AI-powered project estimation, and a client dashboard.
I designed and built Renodomi, a modern Framer website with responsive pages, interactive sections, a custom multi-step form, AI-powered project estimation, and a client dashboard.
Client:
Client:
Renodomi
Renodomi
Role:
Role:
Web Designer
Web Designer
Year:
Year:
2026
2026
The Challenge
Renodomi’s previous website was a text heavy one page experience with weak hierarchy, unclear navigation, and little visual context around the company’s work. The quote process was also limited to a basic form, giving homeowners little value upfront and leaving the business with limited information to follow up on potential projects.
The Direction
I redesigned the experience around trust, clarity, and a stronger path toward requesting a quote. The website gradually introduces Renodomi’s work, services, process, completed projects, founder story, testimonials, and FAQs, giving homeowners the information and reassurance they need before taking the next step.
Key Design Decisions
1. Guided estimation flow
Replaced the basic inquiry form with a structured multi step experience that collects enough detail for useful budget and duration estimates without overwhelming the user.
2. Projects as social proof
Introduced dedicated CMS project pages to showcase completed renovations, provide context around the work, and strengthen trust.
3. Trust focused structure
Organized the homepage around real projects, services, process, founder story, testimonials, and FAQs to build confidence before asking users to request a quote.
4. Refined visual identity
Extended Renodomi’s existing navy and coral branding through stronger hierarchy, custom illustrations, subtle motion, and softer visual elements.
The Solution
I designed the full experience in Figma and developed it in Framer, including the responsive website, CMS project system, custom illustrations, and the multi step estimator. I also built the backend workflow through Cloudflare, connecting submitted project details and uploaded images to AI for estimated budget and duration results.
The response is returned directly to the user within seconds, while the submission is also sent through the WhatsApp Business API for easier follow up. I also designed a custom internal dashboard where Renodomi can review every submission, see the AI estimate and reasoning, access uploaded images, export the data, and manage incoming leads from one place.
The Outcome
The finished product turns Renodomi’s website from a simple marketing page into a connected renovation experience. Homeowners can understand the company, explore real work, describe their renovation in detail, and receive immediate value through an estimated budget and timeline, while Renodomi receives structured project information that makes follow up easier. The website and estimation system are now live and fully functional, with measurable performance data still being collected following the recent launch.
The Challenge
Renodomi’s previous website was a text heavy one page experience with weak hierarchy, unclear navigation, and little visual context around the company’s work. The quote process was also limited to a basic form, giving homeowners little value upfront and leaving the business with limited information to follow up on potential projects.
The Direction
I redesigned the experience around trust, clarity, and a stronger path toward requesting a quote. The website gradually introduces Renodomi’s work, services, process, completed projects, founder story, testimonials, and FAQs, giving homeowners the information and reassurance they need before taking the next step.
Key Design Decisions
1. Guided estimation flow
Replaced the basic inquiry form with a structured multi step experience that collects enough detail for useful budget and duration estimates without overwhelming the user.
2. Projects as social proof
Introduced dedicated CMS project pages to showcase completed renovations, provide context around the work, and strengthen trust.
3. Trust focused structure
Organized the homepage around real projects, services, process, founder story, testimonials, and FAQs to build confidence before asking users to request a quote.
4. Refined visual identity
Extended Renodomi’s existing navy and coral branding through stronger hierarchy, custom illustrations, subtle motion, and softer visual elements.
The Solution
I designed the full experience in Figma and developed it in Framer, including the responsive website, CMS project system, custom illustrations, and the multi step estimator. I also built the backend workflow through Cloudflare, connecting submitted project details and uploaded images to AI for estimated budget and duration results.
The response is returned directly to the user within seconds, while the submission is also sent through the WhatsApp Business API for easier follow up. I also designed a custom internal dashboard where Renodomi can review every submission, see the AI estimate and reasoning, access uploaded images, export the data, and manage incoming leads from one place.
The Outcome
The finished product turns Renodomi’s website from a simple marketing page into a connected renovation experience. Homeowners can understand the company, explore real work, describe their renovation in detail, and receive immediate value through an estimated budget and timeline, while Renodomi receives structured project information that makes follow up easier. The website and estimation system are now live and fully functional, with measurable performance data still being collected following the recent launch.
Ready To Build Yours?
Ready To Build Yours?
Start with the package that matches your next move, then we’ll shape the scope around what your project actually needs.
Start with the package that matches your next move, then we’ll shape the scope around what your project actually needs.
Web/Mobile Apps & product UI
Product interfaces designed from structure to polished handoff with clear flows, sharp screens, and systems ready for build.
$2,000
+
Custom pricing
Strategy
Product structure
User flows
Wireframes
Interface
Core screens
Visual direction
Interactive prototype
Delivery
Figma file & assets
Feedback cycles
Developer handoff
Best for MVPs, SaaS tools, dashboards, and internal platforms that need clarity before development.
Web/Mobile Apps & product UI
Product interfaces designed from structure to polished handoff with clear flows, sharp screens, and systems ready for build.
$2,000
+
Custom pricing
Strategy
Product structure
User flows
Wireframes
Interface
Core screens
Visual direction
Interactive prototype
Delivery
Figma file & assets
Feedback cycles
Developer handoff
Best for MVPs, SaaS tools, dashboards, and internal platforms that need clarity before development.
Web/Mobile Apps & product UI
$2,000
+
Custom pricing
Product interfaces designed from structure to polished handoff with clear flows, sharp screens, and systems ready for build.
Strategy
Product structure
User flows
Wireframes
Interface
Core screens
Visual direction
Interactive prototype
Delivery
Figma file & assets
Feedback cycles
Developer handoff
Best for MVPs, SaaS tools, dashboards, and internal platforms that need clarity before development.