Mobile App Prototype

Zen Browser for Mobile

Exploring a Calmer Mobile Web Browsing Experience, Guided by User-Centred Research

Client

Zen Browser (unaffiliated)

Year

2025

Timeline

12 weeks

Role

Ideator, Designer, Interviewer

Services

Mobile App Design · User Centred Design · Interviews · Questionaire · Figma

The Thaw homepage in a browser: a snowy clapboard house at dusk under the headline Heat pumps for old houses

The brief

Zen Browser is a web browser with a design that subverts the conventions of most browsers. Its modernised user experience and features, such as enhanced tab management, help users stay focused and browse a ‘calmer’ internet.


Zen Browser does not have a mobile version. This project was pursued as an academic case study, independent of the Zen Browser team, to adapt Zen’s design philosophy to the mobile form factor.

What I did

Research: asking the community first


I started by asking the people who know Zen best. A questionnaire gathered 100+ responses from Zen Browser users on what an ideal mobile browser would look like, how they currently browse on their phones, and what they’d want from a mobile version of Zen.


I analysed the responses with thematic analysis, affinity mapping and user personas, grouping them into themes that shaped the design direction. [Add a photo of your affinity map or a persona card here.]


Key insights:

  • [Insight 1]

  • [Insight 2]

  • [Insight 3]


Design: carrying Zen’s identity onto mobile


The biggest challenge was Zen’s signature horizontal tabs, which work on a wide desktop screen but not in portrait. I applied Jakob’s Law, the principle that users prefer interfaces that work like ones they already know, to reinterpret the tab system for mobile as a nod to the desktop version, rather than replacing it with a generic mobile pattern.

I designed [X] versions of the prototype in Figma, each exploring a different approach to [tabs / navigation]. [Add a side-by-side of the versions with a one-line caption for each.]


Testing: putting it in front of users


I ran 10 interviews of 30 minutes each, each with three parts:

  1. Preliminary questions about browsing habits and expectations

  2. A/B testing of the Figma prototype, with participants completing tasks while I took notes

  3. Closing questions on overall impressions and preferences

What I changed as a result:


We saw

So I changed

[Observation 1]

[Design change 1]

[Observation 2]

[Design change 2]

[Observation 3]

[Design change 3]

After launch

PLACEHOLDER TEXT

Next project