Skip to content
Anthony Perrault
02 · Case study

Epok.

A focus app I branded and built.

A focus app I branded and built end to end: one identity, six product screens, and a 3D environment.

Brand / Product2024self-directed91 artifacts
Section 01 of 06
The Epok hero render: two phones lit with an orange rim-light, one showing the ‘what are we doing today?’ orbital category picker and one running a live ‘Coffee Run?’ session at 00:09:35.
3D render · pick on the left, run on the right
02The working file

What Epok is

What I owned, and the full inventory of what I made.

Epok is a self-initiated focus app concept, built on the Pomodoro technique. I named it for epoch, a pause and a place to start again, then owned the whole file: the brand identity, six product screens, two decks at 51 pages, and the 3D renders.

Deliverable inventory91 artifacts
RoleBrand & product, end to end
01
ToolsAi · Ae · Ps · Blender
04
IdentityMark, wordmark, system
01
App screensDesigned in product
06
System decksBrand-guide + case-study
51 pp
3D rendersLobby, card, tote
05
WearableApple-Watch mockups
02
EnvironmentalTransit, in the wild
02
TimelineSelf-directed
2024

One token set covers all 91 artifacts: six product screens and one 3D environment.

Two Epok phones on white: the Calendar day view with a scheduled ‘2 hrs 05 min’ focus block, and the ‘Schedule ahead’ screen for setting a focus title, time, duration, and breaks.
The calendar · scheduling a focus ahead

I built every finished session to stay on record in the Epokarium, so the work you did is something you can look back at.

Design intent
03In session

The problem, the mark, and the product

This section covers three steps: the cost of broken focus, the mark I drew and engineered on a grid, and the product screens that run a session.

01 · The problem

My brief named the cost of broken focus: a day of distraction and unstructured remote work, with nothing to show for it.

  • DistractionThe hour lost to notifications
  • Remote driftNo shape to the working day
  • Planning debtA cleared list with no focus behind it

The collage shows two cluttered apps and Epok’s calm timer.

The cost, made human: a woman at a dark desk rubbing her eyes, glasses in hand, laptop and papers in front of her, struggling to hold focus through an unstructured day.
Epok’s timer: a black card showing a 25:00 focus session, one number and nothing else.
A rival app’s locked analytics: a greyed-out ‘Focus 0m’ stats screen sitting behind a Pro paywall.
A corporate time-tracking dashboard: a dense bar chart and a long list of logged service hours.
Three states of a working day: two cluttered apps and Epok’s calm timer.
Key resultCase-study deck · p09

User research shows how a productivity app looks affects whether people choose it and keep using it.

57%

Chose their main productivity app for its visual design.

UserTesting · 2022
46%

Abandoned one over cluttered UI.

Nielsen Norman Group · 2020
73%

Stay with apps that feel calm.

Adobe × Forrester · 2023
02 · The mark

The mark, drawn by hand then built on a grid

The fullest pencil exploration sheet: a grid of hand-drawn E-marks, orbits and sun-and-moon studies with margin notes.
Sketch sheet · pencil concepts, first pass
Pencil thumbnail 2: an early circle and overlap study for the Epok mark.
Pencil thumbnail 3: an early circle and overlap study for the Epok mark.
Pencil thumbnail 4: an early circle and overlap study for the Epok mark.
Pencil thumbnail 5: an early circle and overlap study for the Epok mark.
Pencil thumbnail 6: an early circle and overlap study for the Epok mark.
Pencil thumbnail 7: an early circle and overlap study for the Epok mark.
Cluster · candidate marks, narrowed
The ‘Solar Cycle’ logo-mark construction: three overlapping circles on charcoal with precise pixel callouts (840, 506, 172, 161) showing the geometry of the Epok symbol.
Solar Cycle · the mark, engineered on a grid
The Epok logotype construction grid: the full EPOK lockup laid over measured baselines and spacing units.
The grid behind the mark
The EPOK wordmark drawn as vector node points: orange anchor dots sitting on a baseline grid, type rendered as construction.
Lockup proportions, set by the grid
Primary lockup · the mark, in motion
03 · The product

The product screens

Six screens cover one session, from picking the work to reviewing the day. The values below are read off the mockups.

The Epok ‘what are we doing today?’ screen: work categories (Coding, Editing, Designing) orbit a central START dial reading 00:00:00, with a Start play button to the right and the Epokarium tab active in the nav.
01Feature 01 · pick

The setup screen

Setup is one screen. The mockup’s categories read Designing, Editing, and Coding, with Start as the single action. These are concept mockups. I gave the setup screen one job: choose the task, then start.

  • Categories · 3
  • Action · Start
  • Screen · session setup
The Epok running-session screen: a ‘Coffee Run?’ task riding an orbital track, a wide orange control deck with Restart, Play and Skip, a live 00:09:35 timer, and Delete and Flow controls at the edges.
02Feature 02 · run

The running timer

The timer runs on an orbital dial. On the mockup it reads 00:09:35 and the active block is labeled Coffee Run. Progress wraps the dial, which holds the elapsed time, the block name, and how much of the session is left.

  • Timer · 00:09:35
  • Block · Coffee Run
  • View · running session
The Epok ‘look at all you’ve accomplished’ screen: concentric rings for a 1hr 15min Branding Moodboard, a 50min Daily Journal and a 2hrs 05min Tomorrow’s Presentation, totalling 4hrs 10mins on May 15, 2024.
03Feature 03 · review

The summary screen

The summary screen totals the day: the mockup shows 4 hrs 10 mins of focus on May 15, 2024. Completed sessions are kept in the Epokarium, where each finished block stays on record as a ring.

  • Focus · 4 hrs 10 mins
  • Date · May 15, 2024
  • View · Epokarium
Scheduling · the supporting screens

The scheduling screens

I sized the orange sphere to the length of the task: on the calendar a 50-minute journal stays small, a two-hour presentation grows to match.

The Epok calendar day-view for Wednesday, May 15, 2024 with a 50min ‘Daily Journal’ event, a small orange sphere on the orbit track.
Calendar · 50min
An Epok calendar day-view with a 1hr 15min ‘Branding Moodboard’ event, a mid-size orange sphere on the orbit track.
Moodboard · 1hr 15min
An Epok calendar day-view with a 2hrs 05min ‘Tomorrow’s Presentation’ event, the largest orange sphere on the orbit track.
Presentation · 2hrs 05min
04Sessions, banked

The full case study and the brand guide

Two decks below: the case-study deck covers the project, the brand-guide deck sets the rules. Then the 3D lobby renders, the object mockups, and the transit campaign.

The project · 26 pages01 / 26
Epok branding case study, page 1 of 26, a slide from the case-study deck.
Case-study deck
Page 1 of 26
The rules · 25 pages01 / 25
Epok brand-guide, page 1 of 25, a system slide from the brand bible.
Brand-guide deck
Page 1 of 25
In space · the branded lobby
The finished, fully branded Epok lobby render: a curved EPOK wall and contact line in a warm, retro-futurist pod interior.
The EPOK wall, branded
A later pass of the same lobby with the furniture placed: seating, pendant lamps and props fill the room.
An early massing pass of the lobby render: the bare room blocked out in daylight, before any furniture is placed.
01 · Early massing02 · FurnishedDrag or hover to compare
The build · empty massing to furnished
In the wild · Billboard01 / 05
A dark subway-platform billboard reading ‘Potential Unlocked.’ with a glowing orange disc and an Epok phone, the brand living in a real transit space.“Potential Unlocked.” · billboard, street scale
In the wild
Billboard, 1 of 5
05Wind-down

What Epok shows

Epok is the range in one file: I wrote the brief, engineered the mark, mocked the product, and built the lobby in Blender.

Section 05 of 06 · one left

Next session

Worked at: Toptal, Cover Genius, Impact Trial Consulting, JPMorgan Chase; By proxy: Uber, Apple, Meta, SAP, Palo Alto Networks, Lyft, CrowdStrike, United Airlines, Grammarly, Booking.com, Sony, Monotype, Dragos, Sonatype, NoName Security, University of Miami.