Rythm

UI/UX Design

Client:

Rythm

Year:

2026

Type:

Strategy

,

Web Design

Batch.Works logo over a photo of a box of 3D printed objects
Batch.Works logo over a photo of a box of 3D printed objects
Batch.Works product catalogue book on a work top with a graphic printed image on the front
Batch.Works product catalogue book on a work top with a graphic printed image on the front
Batch.Works product catalogue book on a work top with a graphic printed image on the front

Elevating digital design means reducing it to what matters most, then giving every aesthetic decision a clear place within the system.

Streetside billboard with flyposters of the Batch.Works brand and illustrations
Streetside billboard with flyposters of the Batch.Works brand and illustrations
Streetside billboard with flyposters of the Batch.Works brand and illustrations
Streetside billboard with flyposters of the Batch.Works brand and illustrations

SYSTEM THINKING

Designing the system behind the screens.

Reusable components, patterns, tokens, and shared behaviors turn individual screens into a product that can evolve consistently. I design with the larger system in mind, balancing immediate product needs with what the team will need to build, maintain, and extend next.

colors/scheme-1/background/primarycolors/scheme-1/background/secondarycolors/scheme-1/text/header-primarycolors/scheme-1/text/header-secondarycolors/scheme-1/text/body-primarycolors/scheme-1/text/body-secondarycolors/scheme-1/text/labelcolors/scheme-1/border/defaultcolors/scheme-1/surface/tagcolors/scheme-1/text/tagcolors/scheme-1/action/primarycolors/scheme-1/action/hovertext/display/h1text/heading/h2text/heading/h3text/heading/h4text/heading/h6text/body/b1text/body/b2text/label/smspacing/stack/8
colors/scheme-1/text/body-secondarycolors/scheme-1/text/labelcolors/scheme-1/border/defaultcolors/scheme-1/surface/tagcolors/scheme-1/text/tagcolors/scheme-1/action/primarycolors/scheme-1/action/hovertext/display/h1text/heading/h2text/heading/h3text/heading/h4text/heading/h6text/body/b1text/body/b2text/label/smspacing/stack/8spacing/stack/16spacing/stack/24spacing/stack/40spacing/stack/64spacing/inline/8
ASSET / Tokens
FRAME / 000
CELL / 0:0
TOKENS / 36
WIREFRAME
FINAL UI

CREATIVE PROCESS

From rough direction to resolved product.

I work from structure outward, using early concepts to test hierarchy, flows, and interaction before increasing fidelity. Components and real content enter early, making it easier to iterate quickly, surface edge cases, and refine the experience without rebuilding from scratch.

Structure → Components → Iterate → Refine

Project Overview

Rythm already had a strong visual identity and a growing digital product, but as the experience expanded, the underlying system needed more structure to keep pace. My engagement focused on bringing greater consistency to the product without flattening what made the brand feel distinct. I started by auditing the existing experience across typography, spacing, color, components, responsive behavior, and recurring interaction patterns to identify where the system was working and where individual decisions had begun to drift.

From there, I refined the core design language and translated those decisions into reusable patterns that could be applied across the broader site. Rather than treating each screen as a standalone redesign, I used several high-impact experiences as opportunities to test and strengthen the system in context, making sure components could flex across different content, breakpoints, and user needs while still feeling cohesive.

The result was more than a cleaner set of screens. Rythm was left with a more structured foundation for future product work, clearer patterns for making design decisions, and reusable components that could reduce one-off solutions as the experience continued to grow. The work helped connect brand expression and product usability more intentionally, creating a digital experience that felt more consistent today while giving the team a stronger system to build from next.

Credits

Imagery & Initial Branding

Rythm Team

UI Design

Martick

Digital Art Direction

Martick