Project Overview
Contractors Cloud, a project management platform for contractors, needed a complete redesign of its mobile apps and marketing website to better serve its growing user base and modernize its digital presence. The existing experience was outdated, inconsistent, and difficult to scale, creating challenges for both end users in the field and internal teams managing content and updates.
The project scope included:
-
A full UX and UI redesign of the iOS and Android mobile apps
-
A complete overhaul of the marketing website to reflect the updated brand
-
The creation of a new, scalable design system to unify styles, components, and patterns across product and marketing teams
-
Design and production of key marketing materials, including a printed brochure, conference booth banner, etc.
The primary goals were to:
-
Improve usability and accessibility for mobile users working in fast-paced, on-site environments
-
Establish visual and functional consistency across all digital touch points
-
Increase design and development efficiency through a centralized design system
-
Elevate the overall brand perception to better align with the company’s growing market position
Reimagining iOS & Android Apps
The Contractors Cloud mobile apps were redesigned from the ground up to better support contractors working on-site. The original apps suffered from inconsistent UI patterns, outdated visuals, and a lack of responsiveness to real-world workflows, which led to frustration and inefficiency for users in the field.
The redesign focused on streamlining key tasks, such as scheduling, project tracking, and documentation, into intuitive, mobile-optimized flows. Special attention was given to touch-friendly interactions, clear hierarchy, and quick access to critical features.
As part of this effort, I:
-
Reimagined core workflows to reduce cognitive load and improve task completion times
-
Created a responsive, touch-optimized UI that adapts to both iOS and Android platforms
-
Applied components and variants from the new design system to ensure consistency and scalability
-
Collaborated closely with users and stakeholders to validate designs through iterative testing and feedback
Results:
A more focused, user-centered mobile experience that empowers contractors to manage projects efficiently, whether in the office or on the job site.
Refresh of the marketing website
The marketing website was redesigned to reflect the company’s evolving brand, clearly communicate its value proposition, and better support lead generation. The original site lacked a cohesive visual identity, was difficult to navigate, and didn’t effectively showcase the platform’s strengths or features.
The new website was built to be conversion-focused in helping potential customers quickly understand what Contractors Cloud offers and how it can benefit their business.
Key aspects of the redesign included:
-
A refreshed visual language aligned with the new design system and product UI
-
Simplified information architecture to improve content discoverability and navigation
-
Clearer messaging and visual storytelling to highlight features and customer benefits
-
Responsive design across devices, optimized for both mobile and desktop experiences
Results:
The redesign helped unify the brand across digital and physical touchpoints while driving engagement and supporting sales and marketing efforts.
Design System Creation
As part of the broader redesign effort, a new design system was built from the ground up to bring visual and functional consistency across Contractors Cloud’s mobile apps and marketing website. Previously, the lack of unified design standards led to fragmented user experiences, redundant components, and inefficiencies across design and development teams.
The new design system was crafted to be scalable, accessible, and easy to maintain—serving as a single source of truth for digital teams.
Key elements of the design system included:
-
A foundational set of tokens (typography, color, spacing, elevation) for brand consistency
-
Clear usage guidelines, annotations and documentation to support designers, developers, and content creators
-
Variants and states to ensure accessibility, responsiveness, and edge-case readiness
-
Integration with Figma libraries and handoff tools for streamlined collaboration and implementation
Results:
The system significantly improved design efficiency, reduced inconsistencies, and ensured a cohesive, branded user experience across all digital products.
Marketing Collateral Design
To support Contractors Cloud’s presence at industry events, I designed a suite of branded marketing materials, including a print brochure, conference booth banner, and table cover. The goal was to create visually cohesive, on-brand assets that clearly communicated the platform’s value and created a strong visual impact in physical spaces.
The brochure was designed for clarity and readability, highlighting key features, benefits, and customer use cases with clean layouts and supportive visuals. The booth banner and table cover extended the new brand identity into large-format applications—focusing on bold typography, strong color usage, and quick-scan messaging to attract attention and reinforce brand recognition.