Lead with the job to be done
The introduction centres on meetings, webinars and professional sessions, giving visitors a concrete reason to try the product.
DIGITAL PRODUCT / Breaktimer PRO
A useful tool, within easy reach.
Breaktimer PRO is built around a straightforward need: keeping a meeting, workshop or webinar on schedule. Its website introduces the use case and gives visitors a direct route to the browser-based timer.
Digital product website
THE FOCUS
Help visitors understand the product and start using it.
THE EXPERIENCE
From reading about time management to opening a practical timer for the next session.
THE STORY
Design around the moment someone needs a timer.
A presenter opening a break timer is usually in the middle of doing something else. The product website should explain its purpose quickly and make the route to the tool obvious. A recognisable identity helps connect that first visit with the experience of using the timer itself.
Breaktimer PRO brings its stopwatch mark and orange-and-charcoal character into that introduction. The story is centred on a practical task: opening a browser-based timer for a meeting, webinar or workshop. As the website develops, the supporting content can explain useful settings and common scenarios without making the initial journey feel complicated.
WORDPRESS MIGRATION
From WordPress to a purpose-built experience.
This project began with a WordPress website and has moved away from that framework. The change creates an opportunity to shape the website around its own content, visitor journeys and brand. Migration is part of the transformation described here; individual experiences may still be in development.
DESIGN SHOWCASE
A closer look at the experience.
Space for the design in context, from the desktop experience to the details on mobile.
IMAGE TO FOLLOWDesktop website mockup
IMAGE TO FOLLOWMobile experience
BEHIND THE EXPERIENCE
Design decisions that matter.
Keep the action close
Prominent links take visitors to the timer. The product can be used in a browser without downloading software, keeping the route from discovery to use short.
Explain the practical details
The website introduces adjustable timers, full-screen display and visual cues. These details help a presenter understand how the tool fits into a shared-screen session.
BEYOND THE WEBSITE
Help people get more from the product.
There is room to extend the product experience through useful supporting content. These are opportunities for future work:
- Short getting-started guides for hosts, facilitators and presenters.
- Consistent product graphics for announcements and social posts.
- Examples of timer setups for different sessions, informed by real user feedback.
USER PERSPECTIVE
The experience of working together.
TESTIMONIAL TO FOLLOW
A space for approved feedback, shared in their own words.