About the project

As part of Home Depot’s ongoing effort to enhance its mobile experience, the next evolution of the app focuses on empowering DIY enthusiasts with a dedicated Project Planner feature. User research revealed a strong desire for a centralized tool that helps users brainstorm, plan, track, and document their home improvement projects.

This case study explores the early concept phase of the DIY Project Planner—an expandable ecosystem designed to grow with users’ needs. While the first version of the tool focuses on essential features, like project tracking and task management. Future iterations could incorporate features like budgeting tools, collaborative forums, tutorial libraries, and shared progress logs for both individual and group projects.

Home Depot Project Planning App

Details

Role: 4 UX/UI Designers - Jerrid Jones (UI Designer), Sarah Robinson (UX Designer), Chloe Connell (UX Researcher), Hannah Michelle (UX Lead)

Timeline: 2 Week project

Tools: FigJam, Figma, Figma Slides, Chat-Gpt, Maze, Google Workspace, Slack, Zoom

Deliverables: User Interviews, Comparative Analysis, Persona, Problem Statement, Mid-Fi Prototype, Hi-Fi Prototype

The Challenge

The Process

Brainstorm

Help users generate and capture creative project ideas with intuitive tools

Plan & Track

Organize materials, timeline, and project steps with smart planning tools

Document

Capture progress and share completed projects with the community

User Research

We interviewed five DIY enthusiasts to understand their project habits and identify pain points in their current workflow.

Discovery

🔬 Research Insights
  • Most began by researching projects on websites

  • Used phones to take notes while working on tasks

  • 5 interviews conducted with DIY enthusiasts

🔑 Key Pain Points
  • Making multiple trips to the store

  • Scattered notes with no central organization

  • Underestimating project timelines

How might we bridge the gap between DIY inspiration and successful project execution?
👥 User Quotes

"I always end up forgetting something and have to go back to the store—sometimes more than once."

"I've got notes all over—but I wish it were all in one place."

"It's hard to know how long a project will take. I usually underestimate."

"I find great ideas, but they're scattered across Pinterest, Blogs, and Instagram with no way to save or compare them in one place."

Comparative Analysis

While The Home Depot app offers robust shopping capabilities, it currently lacks integrated DIY project planning features—these are only accessible via the website. To inform our design process, we also drew inspiration from key features in the Crouton app, particularly its approach to organization and task management.

Home Depot App

Strengths: Strong shopping features, brand recognition

Gap: No integrated project planning tools on mobile

Competitive Apps

Crouton: Clean organization and task management

Insight: Content may be too robust for our target users who prefer simplified experiences

Problem Statement

"Jamie needs a way to accurately plan and effectively track projects so she can have a clear roadmap leading to a successful project"

How Might We...

• How might we make tracking projects easy & intuitive?

• How might we make tracking projects fun?

• How might we streamline users' idea execution?

• How might we assist in accurately planning projects?

• How might we give users tools to accurately plan?

• How might we encourage users to track projects?

Define

Design

Primary User Persona
Feature Exploration

After synthesizing our research, we identified three key priority areas that are most important to users when managing their DIY projects:

Material Planning

Accurate material lists and shopping integration

Task Management

Step-by-step project tracking and organization

Time Management

Realistic time estimates and progress tracking

  • Build material checklists

  • Space for detailed dimensions & photos

  • Tool requirements planning

  • "Where to buy" feature integration

  • Task checklist system

  • Disruption markers for chaotic tasks

  • Photo storage & note-taking

  • Project collaboration features

  • Suggested time estimates for common tasks

  • Progress bar indicating completion

  • Notes for common project hangups

  • AI assistant for time estimation

Information Architecture
  • Project Dashboard (home screen)

  • Discovery feed with project cards

  • Photos/sketches/notes integratio

  • Timeline view & project pages

Sketches

Here’s a look at our early exploration of information architecture, including rough wireframes of key screens like the project dashboard— which shaped our final design— and the “add a project” page.

Wireframes

From our sketches, we built mid-fidelity wireframes for key screens: the project dashboard, individual project page, discovery feed, and manual project builder.

Visual Style

Our visual design approach focused on familiarity and usability:

  • Brand Alignment: Leaned into Home Depot's existing style for familiarity while making modern refinements

  • Color Psychology: Used near-black and near-white to create a softer, less eye-straining experience

  • Iconography: Minimal but intentional icons that tie into the Home Depot aesthetic

  • User Focus: Kept the interface uncluttered to support user focus and reduce distraction

Usability Testing Results
User Feedback

"Clicked through all the buttons and made my own project and discovered an existing one but the task bar didn't update so I couldn't figure out how to move forward!"

"I prefer to see the steps one at a time with each new screen."

"The project home page confused me at first, but I eventually found the 'Create Project' button at the bottom. I would rather have it at the top, as my eyes naturally look for things in that position."

7.2

Average Overall Experience

100%

Task Completion Rate

182.7s

Average Duration

5

Testers (iPhone 16)

Testing Takeaways
  • Not having everything clickable in the prototype resulted in some confusion, though 100% of users still completed tasks

  • Users achieved the assigned task according to heatmap data, indicating good core functionality

  • Would benefit from more testing with a fully interactive prototype to gather more actionable insights

Hi-Fi Prototype
Hi-Fi Prototype Highlights
Project Detail Screen

Central hub for creative inspiration and practical planning where users can upload photos, sketches, and notes.

  • Creative inspiration meets structured planning

  • Multi-format content support

  • Integrated material list building

Discover Screen

Browse project ideas with time, cost, and difficulty displayed upfront for informed decision-making.

  • Quick project browsing

  • Transparent project metrics

  • Direct Home Depot app integration

Project Details

Interactive materials list with disruption markers and flexible planning that adapts as projects evolve.

  • Interactive material checklists

  • Disruption markers for planning

  • Flexible, editable project plans

Next Steps

We identified several exciting opportunities to enhance the app further:

Smart AI Assistant

Automatically suggest tasks, offer tips to avoid common mistakes, and recommend tailored tutorials.

Linked Materials

Make every material hyperlinked for easy viewing and purchasing directly from the app.

Built-In Break Points

Allow users to mark smart stopping points within task steps for better project management.

Social Inspiration

Browse real projects from other users, see completion times, and access pro tips and notes

Customizable Detail Level

Toggle project detail levels including time estimates and disruption markers based on user preference.

In-App Tips & Tutorials

Context-aware guidance throughout the app with material calculations and task-specific tutorials.

Key Takeaways & Lessons Learned
What Worked Well
  • Strong user research foundation led to clear problem identification

  • Feature prioritization based on user needs created focused solutions

  • 100% task completion rate demonstrated core functionality success

  • Recipe app inspiration proved valuable for step-by-step planning

Areas for Improvement
  • More comprehensive prototype testing needed for better insights

  • UI element placement requires optimization based on user feedback

  • Step-by-step flow presentation could be enhanced

  • Interactive prototype completeness affects user testing quality

Deliver