WHO IS WINDOW NATION?

Window Nation is the 2nd largest window and door installation company in the US.

As you might think, what's the need for a UX designer in this setting? Well, the company is undergoing a technology transformation for both internal processes and customer-facing products. During my internship, I created the design system for the digital customer experience from the ground up and delivered the experience, which is currently live on their website.

CONTEXT

Younger customers want to interact with Window Nation digitally, instead of having to call in to get any information.

OUTCOME

The lead generation form is live and has contributed to a ~12% increase in digital leads over the quarter.

TIMELINE · 11 WEEKS
{{ w }}
{{ p.title }}
{{ p.when }}
{{ p.title }}
PROBLEM DISCOVERY

We conducted research by evaluating various call center calls, recordings from in-home visits, and customer reviews. We found 3 major issues with the lead generation process for Window Nation.

{{ m.n }} {{ m.what }}

{{ m.body }}

But with any corporate setting, it becomes necessary to balance the customers' needs with the business needs.

Customer Needs Business Needs
Products should empower customers to share their wants and needs
Product should educate customers on window + door details
Product should thoroughly & succinctly communicate details of the process & its timeline
Product should communicate that the Window Nation experience is reputable and delivers high quality services
Product should create positive customer perception
Product should help sales reps with successful lead conversion
Product should maintain prompt and thorough communications with customers
Customer Needs
Products should empower customers to share their wants and needs
Product should educate customers on window + door details
Product should thoroughly & succinctly communicate details of the process & its timeline
Both
Product should communicate that the Window Nation experience is reputable and delivers high quality services
Business Needs
Product should create positive customer perception
Product should help sales reps with successful lead conversion
Product should maintain prompt and thorough communications with customers
DESIGN PROMPT

How might we create a digital experience that provides thorough yet easy-to-access information to customers so that they choose Window Nation for their window replacement needs?

SURVEY

But what information helps customers choose Window Nation? Our survey showed 3 factors as most influential for customers.

{{ f.pct }} {{ f.title }}

{{ f.body }}

IDEATION

Product Discovery and Education

By helping customers learn the vocabulary around window replacement, we could help them feel more empowered about their decisions when talking to sales reps. This would also allow sales reps to have more fruitful and succinct in-home visits.

Build a window concept
“Build a window” — a procedural visualizer, inspired by Domino’s custom pizza builder.
Quiz-style financing concept
A quiz to surface financing options, inspired by BuzzFeed-style quizzes.

Digital Form Intake

By allowing customers to fill out a digital form, we make generating leads easier and provide them with details about the window replacement process.

Personalized form concept
Personalized UX copy, reviews and supportive words within the form, inspired by Noom.
Ad-lib input field concept
Ad-lib style text fields with clickable keywords so customers can voice their wants and needs.
USER FLOW

Based on our ideas, we developed a user flow for a digital experience that would inform our prototypes. We gave a lot of thought to the story we wanted to tell and tried to provide useful information to customers through the journey strategically.

WHAT THE CUSTOMER DOES ⚠️ TAKE · WE ASK 👍 GIVE · WE INFORM ❤️ APPRECIATION
STEP {{ cur.n }} OF {{ flowCount }}{{ cur.pct }}
{{ cur.n }} THE CUSTOMER

{{ cur.action }}

WHAT WINDOW NATION SAYS
{{ s.text }} {{ s.tag }}
{{ cur.note }}
THE USER FLOWTHE STORY WE TELL
{{ f.n }}
{{ f.action }}
{{ s.text }} {{ s.tag }}
{{ f.note }}
LOW-FIDELITY PROTOTYPES

Mobile-first

With our low-fidelity prototypes, we tried to imagine a mobile-first experience for the product knowledge and form intake. The exercise was helpful in understanding what UI elements we would need to create and deliver the high-fidelity prototype.

{{ s.cap }}
{{ s.cap }}
DESIGN SYSTEM

Creating a design system from scratch

One of the big parts of this project was trying to create a scalable design system for Window Nation, as this didn't exist yet. I took the lead on this part of the project as I wanted to learn the skills to develop a design system with Figma variables.

44 COMPONENTS I LED

Through this mini project, I gained proficiency in working with variables, auto layout, and components in Figma to establish a scalable design system.

Window Nation design system components in Figma

With the simple design system in place, it became easier to assemble a prototype. We were able to deliver the high-fidelity prototype to the developers in two weeks.

HIGH-FIDELITY PROTOTYPE AND DEVELOPMENT

Shipped and live

After creating a high-fidelity prototype, we added notes via Dev Mode in Figma and monitored the development with the team.

APPOINTMENT.WINDOWNATION.COM ↗
{{ s.cap }}
{{ hifiCount }} {{ hifiCap }}
BEYOND THE FORM

While this project made up most of my work at Window Nation, I also created testing plans and conducted user testing for two platforms. I also contributed to the ideation of the referral process for Window Nation.

REACH OUT TO FIND OUT MORE →
THE PROBLEM
LEAST STRAINING ON RESOURCESMOST STRAINING

{{ refCap }}

Referral process exploration board
BACK TO TOP ↑