Case Studies

Project Highlights

Contact Me

Let's Talk

Case Studies

Project Highlights

Contact Me

Let's Talk

Architectural Door – Custom Door Company Website

Anasazi Architectural Door is a custom wood door manufacturer based in Phoenix, AZ. Their website aims to promote their handcrafted, high-end doors with a focus on elegance, craftsmanship, and local service. The UI/UX design supports their brand promise by offering a visually clean, professional, and conversion-optimized interface.

Typeface

Akshar / Archivo

Colors

Medium Sea Green

Industry

Craftsmanship

Toolkit

Figma

Objectives

Showcase the variety and beauty of custom doors in a visually rich format.
Ensure easy navigation and discovery of product types, services, and gallery.
Drive lead generation through a prominent contact form and CTA buttons.
Reinforce local trust and expertise with geo-targeted content.

Strengths

Clean and elegant: Aligns with the high-end nature of the product.

Conversion optimized: Contact button, form, and phone number are always accessible.

SEO-friendly content: Includes location-specific keywords throughout.

Visual storytelling: Product imagery sells the craftsmanship and aesthetic value of the offering.

UX Architecture

1. Hero Section

Strong Visual Impact: Large background image of a custom door captures immediate attention.
Minimalist, direct copy: "Custom Doors" paired with a subheading and CTA button ("Create Your Door").
Trust signal: Mention of Phoenix & Scottsdale to build local relevance.
CTA clarity: “Call Now” button in the header remains sticky and visible throughout the scroll.

2. Product Overview Section

Categorizes doors into styles: Rustic, Traditional, Modern, Gates.
Each tile uses high-quality images with short descriptions, guiding users based on aesthetic preferences.
Simple hover interactions create visual engagement without overwhelming the user.

3. Content-Rich Blocks

Uses location keywords (e.g., “Custom Door Companies Near Me”) for SEO and localized relevance.
Alternating layout between text and imagery creates a balanced visual rhythm and improves readability.

4. Gallery Showcase

An image mosaic structure showcases variety and craftsmanship, functioning as both a lookbook and a conversion booster.
"View Gallery" button adds depth for those wanting more visuals.

5. Lead Generation Form

Titled “Free Consulting Now”, the form encourages inquiries with minimal friction.
Includes essential fields (name, contact, message) for easy submission.
Positioned well above the footer, making it highly accessible.

6. Instagram & Footer

Instagram image strip adds authenticity and real-life product proof.
Footer provides quick access to:
- Company info
- Service links
- Contact details
- Social media

1. Hero Section

Strong Visual Impact: Large background image of a custom door captures immediate attention.
Minimalist, direct copy: "Custom Doors" paired with a subheading and CTA button ("Create Your Door").
Trust signal: Mention of Phoenix & Scottsdale to build local relevance.
CTA clarity: “Call Now” button in the header remains sticky and visible throughout the scroll.

2. Product Overview Section

Categorizes doors into styles: Rustic, Traditional, Modern, Gates.
Each tile uses high-quality images with short descriptions, guiding users based on aesthetic preferences.
Simple hover interactions create visual engagement without overwhelming the user.

3. Content-Rich Blocks

Uses location keywords (e.g., “Custom Door Companies Near Me”) for SEO and localized relevance.
Alternating layout between text and imagery creates a balanced visual rhythm and improves readability.

4. Gallery Showcase

An image mosaic structure showcases variety and craftsmanship, functioning as both a lookbook and a conversion booster.
"View Gallery" button adds depth for those wanting more visuals.

5. Lead Generation Form

Titled “Free Consulting Now”, the form encourages inquiries with minimal friction.
Includes essential fields (name, contact, message) for easy submission.
Positioned well above the footer, making it highly accessible.

6. Instagram & Footer

Instagram image strip adds authenticity and real-life product proof.
Footer provides quick access to:
- Company info
- Service links
- Contact details
- Social media

Conclusion

The StreamLine mobile banking app redesign successfully addressed the usability issues, resulting in a more intuitive and user-friendly experience. The improved UX/UI design led to increased user adoption, engagement, and satisfaction, demonstrating the value of a well-designed template for UX designers.

Actively Looking for Creative Roles

Contact For CV

Schedule a call and Let’s Build User-Centric Products Together

Dribbble

Behance