gridwise Case Study
Designing a Product Landing Page for Gig Workers
A conversion-focused landing experience created to explain Gridwise, showcase the mobile product, and help hourly and gig workers understand the value quickly.
ROLE
UX/UI Designer
SCOPE
UX/UI Product Marketing
Slides
Gig Economy SaaS
Project type
Landing Page Figma Design
Overview
A product story built around clarity, trust, and action.
Gridwise helps hourly and gig workers track earnings, mileage, expenses, and job opportunities across multiple platforms. The landing page needed to make that value easy to understand while showing the product in a way that felt useful, credible, and approachable.
Design Goals
What the page needed to accomplish.
The experience was designed to answer the most important visitor questions quickly: what Gridwise does, why it matters, how the product works, and what action to take next.
01
Lead with Value
Explain the benefit in one clear headline before introducing details.
02
Show the Product
Use phone mockups and real interface views to make the experience tangible.
03
Build Trust
Use phone mockups and real interface views to make the experience tangible.
04
Drive Signups
Create a simple, repeated conversion path from hero to final CTA.
Page Preview
The experience at a glance.
The final page uses bright white space, soft pink and violet gradients, bold black typography, and oversized mobile UI to keep the product at the center of the story.
Experience Journey
Key moments in the landing page.
The content sequence moves from value proposition to proof, then into product features and a clear final conversion point.
01
Product-Focused Hero
The hero pairs a direct value proposition with layered phone screens, helping visitors understand both the benefit and the product immediately.
02
Pain-Point Messaging
The revised concept speaks directly to workers who are juggling multiple jobs and are unsure whether they are being paid what they should.
03
Community Proof
A large user-count statement and testimonials reinforce credibility before visitors move deeper into the product story.
04
Feature Storytelling
Alternating layouts pair focused benefit copy with large device mockups, creating a simple rhythm that is easy to scan.
design System
Clean, bright, and product-first.
The visual direction uses earth tones, large photography, rounded content panels, and simple typography to create a site that feels both modern and connected to place.
Palette
Pink + Violet
Typography
Bold + Direct
Large black headlines make the message easy to understand at a glance.
Imagery
Product as Hero
Phone mockups and UI screens replace generic SaaS illustration.
UX Pattern
Benefit by Benefit
Each section introduces one clear user benefit before moving to the next.
The Result
The final concept gives Gridwise a cleaner, more product-focused way to explain the platform and guide gig workers from curiosity to signup.
Clearer Value
The benefit is communicated immediately in the hero.
Product Visibility
Real interface screens make the product easier to understand.
Trust Built In
Community scale and testimonials strengthen credibility.
Conversion Focused
Repeated CTAs create a simple path toward signup.
Project images, trademarks, and brand assets remain the property of their respective owners and are displayed for portfolio purposes only.