top of page

SitterSync

Revamped mobile app with bold UI and branding to ensure successful product launch that would resonate with a gen z entrepreneur. 

Business Context

In recent years the childcare service industry has seen remarkable growth with increasing reliance on technology and the demand for convenient care solutions. This growth stems from the rise of dual income households and a significant increase of remote job causing a demand for more sitter availability and increased child care benefits. 

My Role

Lead UX|UI Designer

  1. Delivered a scalable design system ensuring 1:1 design-to-development alignment, cutting rework and accelerating delivery efficiency by over 66%.

  2. Defined a cohesive visual identity in partnership with brand, elevating brand recognition and driving measurable gains in user trust.

  3. Ensured successful app launch in under 9 months, now available to download.

Mockup of Sittersync home screen on a mobile device

PROBLEM STATEMENT

How can we develop a brand identity that seamlessly translates to a mobile application, driving user engagement and sitter availability.

My Role

Lead UX|UI Desginer

  1. Lead Designer for product UI redesign, improving usability engagement

  2. Collaborated with the brand designer to establish a cohesive brand strategy and visual identity.

  3. Delivered a mobile design system featuring reusable components for consistency and scalability.

My Team

Lead UX|UI Designer (Me)

Brand Desginer

Director of Engineering/ Co-Founder

CEO/Co-Founder

Market Research

Guided by the Co-Founders' vision, which identified an untapped opportunity that catered to sitters, we recognized the importance of conducting research to understand the perspective of Gen Z individuals aged 13-16 and the competitive landscape.

What I did

  1. Led user discovery to inform product direction:

    1. Interviewed 5 Gen Z babysitters to uncover key needs and pain points.

    2. Spoke with 5 dual-income families to understand childcare expectations and challenges.

  2. Audited apps and websites of 8 top competitors to analyze features, gaps, and positioning.

Insights

  1. Sitters find it awkward to ask for payment after the job has been completed.

  2. Families don't necessarily want a new sitter, they just want a streamlined process to book jobs and know which of their sitters are free.

  3. Babysitting is a business where parents want a convenient way to schedule a job with their trusted sitters and sitters want to get paid​.

  4. ​Competitor branding largely features similar light color palettes and lacks distinctive styling, making it difficult for any one app to stand out.

  5. Potential differentiator to provide sitters with key insights and analytic to better track their habits and earning potential.

Screenshot of competitive research

Competitive analysis side by side comparison of competitor websites and offerings

Brand Identity 

Using these insights, the brand designer and I began gathering content and language that resonated with the Gen Z point of view.

Brand language​

  1. Bold

  2. Vibrant 

  3. Cheerful

  4. Zesty

  5. Bright

  6. Direct

  7. Empowerment

  8. Action

  9. Tech-savy

  10. Engaged and Aware

  11. Unique

Sittersync mood board that explores brand identity
brand-guidlines-

From this exploration, the brand designer curated brand guidelines which I used to inform the product design direction.

Design

This app was acquired by the Founders with the goal to reuse the underlying code but update the visuals and key features that would enhance user engagement.

Another key aspect of this app is its dual interface: one for sitters and one for families.

While both sides share a consistent aesthetic, key information and workflows were tailored to meet the distinct needs of each target audience, the most notable being differences in insights and financial need assistance​. 

Design System

Built a lightweight, scalable design system using Figma components and variables  to drive visual and functional consistency across the app, enabling a small design team to move faster and maintain quality while the brand designer focused on marketing assets.

  1. Accessible color palettes and distinct typography that seamlessly translates into the application based on branding guidelines.

  2. Actionable design assets that translates design into real life code and user experiences.

Typography Scale 

sittersync typography

Accessible Product Color Variables + Tokenized Naming Convention

Sittersync color variables

Created a repository of frequently used components that will be updated as designs evolve. 

Established 15 reusable components with a total of 482 variants and counting!

SitterSync design system button components

Feature Work

While building the design system, I collaborated directly with the lead engineer and CEO to define acceptance criteria. We began by prioritizing features, focusing on redesigning the pre-existing application.

Product Feature Breakdown

  1. Pre-Signup and Login

  2. Your Info

  3. Phone Verification

  4. Add Contacts 

  5. Preferred Payment

  6. Onboarding

  7. Home Screen

  8. My Families/My Sitters

  9. New Jobs

  10. Notification Center

  11. Insights Dashboard

  12. FAB Quick Action Overlay

  13. Insights Dashboard

Design Process

During the design phase I needed to work efficiently to meet tight turnaround deadlines partnering closely my clients to ensure a successful launch of their product in under 9 months.

Quick and frequent iterative sessions were key to gaining the feedback I needed to create a final product which is live in the app store today.

Sittersync mockups
App store images for sittersync

Lessons Learned

  1. Moving fast and shipping early helped me get real feedback and iterate quickly which led to a successful launch in under 9 months.

  2. Building reusable design components with exact developer mapping reduced rework and sped up collaboration.

  3. Translating brand values into the user interface made the app feel unique and built trust with users.

  4. User research revealed real pain points that shaped features and improved the overall experience.

  5. Thinking beyond core flows by adding sitter analytics and subtle features increased long-term value and retention.

  6. Designing the full ecosystem including onboarding, notifications, and quick actions improved usability and satisfaction.

  7. Getting clear on business needs early lets me focus priorities and deliver efficiently.

View More Projects

© PatientConnect Mobile

UI overhaul to boost usability and remote care outcomes.

Mockups of patientconnect mobile on a mobile device

Redesigned patient profile to improve clinical efficiency by over 80%, surfacing critical data and streamlining risk and intervention workflows.

© ClinicianConnect

Mockups of Clinicianconnect on a laptop device
bottom of page