← All work

Independent redesign concept

Residential remodeling · Website redesign

MIK Homes
Website Redesign

Creating a more refined, photo-forward digital experience for a Columbus remodeling company.

Role
UX/UI Designer + Front-End Developer
Scope
UX Audit, Information Architecture, Wireframing, Visual Design, Prototyping, Front-End Implementation
Tools
Figma + front-end development
Timeline
August–September 2026
MIK Homes redesigned homepage featuring a finished kitchen, concise messaging, and a consultation call to action
Final homepage direction · independent redesign concept
01

Overview / Challenge

Presenting strong craftsmanship with the same level of refinement.

MIK Homes already had strong craftsmanship and project photography, but the website experience did not present that work with the same level of refinement.

The existing MIK Homes website successfully showcased the company’s craftsmanship and remodeling expertise, but inconsistent visual hierarchy, dense content, and competing navigation elements made the experience feel less refined than the work it represented.

02

Existing Experience / UX Audit

Focusing the audit on the moments that created the most friction.

A heuristic review identified six recurring issues. Two representative screens are shown here rather than presenting every audit artifact.

  • Inconsistent visual hierarchy
  • Content difficult to scan
  • Repetitive navigation and content architecture
  • Strong photography not fully leveraged
  • Repeated reviews and calls to action
  • Too much process information presented at once

Competitive Review

Looking at how remodeling companies build trust online.

I reviewed remodeling competitors to understand how similar businesses presented craftsmanship, built trust, explained their process, and guided homeowners toward consultation. The strongest experiences consistently prioritized project photography, simplified the remodeling journey, and kept navigation focused on homeowner intent.

01

Dave Fox Design

02

HOME Craft

03

Nicholson Builders

03

Simplifying the Information Architecture

A smaller navigation with a more intentional homeowner journey.

The primary navigation was simplified to Kitchens, Bathrooms, About, Our Process, and Contact / Start a Project. Home remains available through the logo rather than taking up navigation space.

KitchensBathroomsAboutOur ProcessContact / Start a Project
Hero↓Who is MIK?↓What can they do for me?↓Can I trust them?↓Show me the work↓How does working with them work?↓I’m interested — let’s talk.
Figma prototype map connecting home, kitchen, bathroom, about, contact, and process pages
Prototype map · consolidated page and navigation relationships
04

Design Direction

Letting the craftsmanship shape the visual system.

The visual direction was intentionally restrained so MIK Homes' project photography could carry the experience. A warm neutral palette, editorial typography, generous spacing, and consistent interaction patterns created a more refined presentation without competing with the work.

Photo-forwardRefinedApproachableClearTrustworthyFocused
High-fidelity MIK Homes homepage hero showing the restrained visual direction and project photography
Photography-led homepage direction
MIK Homes visual system reference showing its warm neutral color palette, editorial typography, buttons, navigation, and logo
Color palette, typography, buttons, navigation, and identity
High-fidelity Kitchen, Bathroom, and About pages demonstrating the visual system across service and gallery interfaces
Visual system applied across service, gallery, and about pages
05

From Wireframes to High Fidelity

Building the experience from structure to interface.

Low-fidelity wireframes established content hierarchy, page patterns, and responsive behavior before the visual language was applied across the experience.

Desktop low-fidelity

Low-fidelity desktop wireframes showing the planned homepage, service, about, process, and contact structures
Desktop low-fidelity · structure and reusable page patterns

Desktop high-fidelity

Complete desktop high-fidelity MIK Homes page system showing Home, Kitchen, Bathroom, About, Contact, and Process
Desktop high-fidelity · final page system
Mobile low-fidelity studies showing navigation, homepage, and service-page responsive structures
Mobile low-fidelity studies · navigation, homepage, and service page
MIK Homes responsive Bathroom page showing project photography and the Designed for comfort. Made for you introductionMIK Homes responsive Recent Kitchen Projects page showing project photography and View Project cardsMIK Homes responsive What guides our work page showing Quality That Lasts, Integrity in Every Detail, and Designed Around You
Mobile high-fidelity · responsive page system
06

The Final Experience

A more cohesive path from first impression to consultation.

The final direction gives photography more priority, simplifies navigation, shortens content, improves project browsing, and introduces the remodeling process progressively.

Homepage

Craftsmanship leads the story.

Large project imagery establishes quality immediately. Services, trust, process, and consultation then follow in a deliberate sequence.

Final MIK Homes homepage hero with a finished kitchen and consultation call to action
Homepage · hero and project photography
Final MIK Homes homepage services section for kitchen, bathroom, and basement remodeling
Homepage · services and storytelling sequence

Kitchen

Project browsing becomes direct and visual.

A concise service introduction leads into a large, scannable project gallery with clear project-level actions.

Final MIK Homes Kitchen page hero and introductory content
Kitchen · introduction
Final Recent Kitchen Projects gallery with six large project images
Kitchen · project browsing

Bathroom · About

Each page keeps one clear purpose.

The Bathroom page mirrors the project-led service pattern, while About organizes the company story around craftsmanship, trust, and guiding principles.

Final Kitchen, Bathroom, and About page designs shown together
Bathroom and about experiences

Process · Contact

Complexity is revealed progressively.

The homepage introduces four high-level steps; the dedicated process page explains six. Contact provides one focused route toward consultation.

Final MIK Homes process page showing the remodeling journey in numbered steps
Our Process · detailed journey
Final MIK Homes project inquiry form and footer
Contact · consultation path
07

Building the Experience

Taking the redesign beyond Figma.

The concept was implemented as a responsive front-end experience and reviewed across desktop and mobile layouts.

This work is presented as an independent redesign concept, not as MIK Homes’ current production website.

MIK Homes responsive homepage showing its navigation and kitchen hero
Desktop implementation
Verified mobile implementation showing the MIK Homes navigation menu and homepage hero
Verified mobile implementation
08

Reflection / Outcome

Balancing strong visual design with usability and business goals.

The redesigned concept simplifies the navigation structure, gives project photography more visual priority, presents the remodeling journey progressively, and provides clearer paths toward consultation. Together, those decisions create a more cohesive digital representation of MIK Homes’ craftsmanship.

This project reinforced that visual refinement is most effective when it grows from clear structure. Balancing photography, concise content, trust, and responsive behavior helped me design an experience that feels expressive without asking homeowners to work harder to understand it.

Back to

Selected work ↗