Designing the CraftJack Pro mobile lead management app for home services contractors
The company: CraftJack
STARTUP
TECH
B2B + B2C
SAAS
Lead Generation
Home Services Industry
CraftJack is a two-sided technology company in the home services lead generation space. CraftJack connects home service professionals to homeowners in need of their services, easily and cost-effectively. This tech startup was founded in 2009, acquired in 2012 then merged with parent company Angi (NASDAQ: ANGI) in 2024.
My role:
Director of Design & UI Designer, Full Time & In House
My responsibilities:
Design Direction
Research Analysis
WireFraming
Prototyping
High Fidelity Designs
Style Guide
User Observation
Tools:
Sketch
Zeplin
Photoshop icon
Adobe
Figma
AppSee
The project:
CraftJack’s home service contractors needed an on-the-go solution for lead management, as they spend their day driving to and from work sites. My team was tasked with building this mobile app from scratch.
Success metrics:
  • 3K active app users
  • 4 star average app store rating
Deliverables:
ios App
Android App
The team:
  • UX Researcher & designer
  • Product manager
  • Freelance mobile engineer
  • QA engineer
Cross-functional partners:
  • CEO
  • COO & Founder
  • CTO
  • Marketing team
  • Data analytics team
Discovery

Our research and discovery phase consisted of brainstorming in the context of CraftJack's known personas.

Sticky notes from a brainstorm session to identify known risks and dependencies, and requirements for the CraftJack pro app project
Brainstorming

Our UX researcher led a company-wide, cross-department brainstorm in which we identified big picture ideas for the app, listed out specific needs and requirements, called out potential risks to the project, and named any dependencies that needed to happen before moving forward. We recognized the need to hire a dedicated app engineer for the development work, and to keep on as a long-term partner for bug fixes. I participated in post-brainstorm analysis of the exercise findings with our product manager and presented the findings to our CEO and COO/Founder.

Personas

During the brainstorm, we referenced our user persona documents (created as part of a previous initiative by myself and our UX researcher). Based on the known desktop app use habits of CraftJack's audience segments, we decided to gear our mobile app towards smaller business personas–Chuck in a Truck being one of them for example–because the larger, national and franchise personas typically interacted with CraftJack through their own personal sales account manager rather than conducting lead management within the app themselves.

Detail & Develop

Once we had nailed down all the requirements, we entered the develop phase–iterating though a few rounds of wireframes and user testing.

CraftJack mobile app wireframes
Wireframes

Our UX designer and myself collaborated on building these wireframes in Sketch. We incorporated rounds of stakeholder feedback with the entire team until we got the wires to a place ready for prototyping. Onc arrpvoed by internal partners, I brought the wireframes into a functioning prototype that we used in the next step of usability testing.

CraftJack mobile app moderated user testing session showing a contractor using the lead detail page of the app prototype
Moderated usability testing

CraftJack did not have a testing lab, so our UX researcher converted a conference room to have recording devices from multiple angles, device set up and a private area for moderation. Customers were brought in and participated in 1-hour sessions with the functional prototype that I built. I assisted in recording results and analyzing our findings post-observation.

Deliver

Testing our prototype with actual users made us confident enough to move to the final phase of design work, and start on high fidelity comps in Figma.

High fidelity design comps for the CraftJack mobile app, shown in FigmaCraftJack mobile app design system in Figma
High fidelity designs & design system

I designed each screen in the app, one set of designs for iOS and one for Android. The designs were originally built in Photoshop and handed off to our third-party engineers through Zeplin, but I eventually moved the design files to Figma once that program became more mainstream. I worked on the design system directly with the engineer to achieve seamless designs and functionality across both platforms, and managed the UAT and QA phases of the project as we worked towards launch.

App store marketing image for the CraftJack mobile appCall to action to download the CraftJack mobile app, as seen on CraftJack.com
Marketing & promotion

Once the app was built and launched, I worked with our marketing team to create content and imagery to encourage adoption of the app. This content existed in the Google Play store, the Apple App Store, on our various social media platforms, in paid advertising across multiple channels, and on the CraftJack marketing website.

Evolve
Success outcomes
We exceeded our active user count goal of 3K pros. Once established, the app was used by 5000 daily active users, leaving only 25% of pros who used the desktop app on a regular basis.
Our app store rating goal of 4 stars was also exceeded; the app consistently maintained a rating of 4.5 stars across both Android and iOS platforms.
Ongoing observation & plans for improvement
Post-launch, we monitored app usage with AppSee, a third-party software that produced heat maps, click patterns and kept running counts of daily active users. We combined this ongoing observation with our data & analytics team’s insights in Google Analytics and  Mode, making incremental improvements to both Android and IOS platforms based on these sources.
One example of this happened when the data & analytics team discovered that receiving a review from a past customer, whether positive or negative, predicted an 80% likelihood that the contractor would stick with CraftJack long term. Once we gained this knowledge about retention and its relationship to reviews, we planned to build a review request feature into the app.