Stratify - Time Tracker Saas Website by Rizki ArsyadStratify - Time Tracker Saas Website by Rizki Arsyad

Stratify - Time Tracker Saas Website

Rizki Arsyad

Rizki Arsyad

The Problem

Stratify is a project management platform with a built-in time tracking feature. The challenge: most teams already use a standalone time tracker (Toggl, Harvest, Clockify), and they don't think of their project management tool as the place to track time.
The marketing website needed to change that perception. It had to show that tracking time inside the same tool where you manage tasks and projects is fundamentally better than switching between two separate apps.

My Role

Designed the full marketing website (desktop and mobile)
Developed the page structure and content hierarchy
Created the visual design system aligned with the Stratify brand
Built responsive layouts and device mockups in Figma

The Core Insight

After studying how competitors position their time tracking pages, I noticed a pattern: most of them lead with feature lists. "Track time. Generate reports. Export invoices." It's functional but forgettable.
Stratify's advantage is context. When time tracking lives inside your project management tool, you don't have to remember what you worked on. The system already knows your tasks, your projects, and your deadlines. Time entries connect directly to the work they represent.
That insight shaped the entire page strategy: don't sell time tracking as a feature. Sell the elimination of context-switching.

Page Structure

I organized the website around a narrative that builds from problem to solution:
Hero: "Stop switching tabs to track your time." A bold headline paired with an embedded product screenshot showing the time tracker running alongside a task board. The CTA sits above the fold.
The problem section: A short, relatable description of the pain (forgetting to start timers, manually matching hours to projects, reconciling data across tools). This validates the visitor's frustration before presenting the solution.
Feature deep-dives: Three sections, each focused on a specific capability:Each section pairs a product screenshot with benefit-driven copy. I avoided feature-dump layouts; instead, each section answers one question a potential user would ask.
One-click time logging directly from task cards
Automatic time reports grouped by project, client, or team member
Team overview showing who's working on what in real time
Integration section: Shows how time data flows into Stratify's project views, dashboards, and reporting. This reinforces the "everything in one place" positioning.
Social proof and CTA: Testimonial-style section followed by a clear sign-up CTA with a free trial offer.

Visual Design Decisions

The Stratify brand uses a purple-accented color system with a modern, minimal aesthetic. For the time tracking page, I made a few deliberate choices:
Product screenshots as the primary visual element. No abstract illustrations or stock photos. Every section shows the actual product UI, which builds trust and sets accurate expectations.
Generous whitespace between sections. Time tracking pages tend to be dense with features. I used spacing to let each section breathe, making the page feel calm and scannable rather than overwhelming.
Consistent section rhythm. Alternating image-left and image-right layouts create a natural reading flow. Each section follows the same pattern: headline, 2-3 lines of copy, product screenshot. Predictable structure helps visitors process information faster.
Typography hierarchy. Section headlines are large and bold. Supporting copy is smaller and lighter. This creates clear visual entry points for visitors who scan rather than read.

Responsive Design & Mockups

The website is fully responsive. On mobile, the alternating image layouts stack vertically, and the hero section adapts to a single-column format with the product screenshot below the headline.
Device mockups show the website in real-world context across laptop and mobile screens. These were created for the marketing team to use in social media, pitch decks, and ad creatives.

What I Delivered

Full marketing website design (desktop + mobile) in Figma
Page wireframe and content hierarchy
High-fidelity responsive layouts for all sections
Device mockups for marketing use
Structured Figma files with auto layout and developer annotations
The design positions Stratify's time tracking as the natural choice for teams already managing projects in the platform, rather than competing head-to-head with standalone time trackers on feature count.
Like this project

Posted May 27, 2025

Designed the SaaS marketing website for Stratify's time tracking feature, using a product-led approach to differentiate it from standalone tools like Toggl and Harvest.