PROJECT

Mindful Movement

Category:

Web & Content Design

Location:

Frankfurt, Germany

App UI mockups displayed on a smartphone, showing the DineCircle food discovery interface on a green background

Project Overview


The one-pager website concept for a yoga and meditation instructor is rooted in the philosophy of yoga in motion—where movement, meditation, and music come together in an immersive digital experience. The project introduces the teacher’s practices—Vinyasa Flow, Yin Yoga, and breathwork—through a seamless blend of interface design, cinematic visuals, and a cohesive style guide.

The experience is designed to feel calm, fluid, and intentional, guiding visitors through the teacher’s philosophy and offerings with clarity and ease.


Scope of Work


The project spanned concept, design, and content development:


  • Visual Direction & Style Guide: Defined a warm, atmospheric color palette and refined typography to support a minimal, flowing page structure.


  • Interface & Layout Design: Designed a clear one-pager layout that emphasizes ease of navigation.


  • AI-Generated Cinematic Visuals: Created mood-driven imagery with wide compositions, shallow depth of field, and warm lighting to express movement, stillness, and emotional resonance.


  • Content & Copy Development: Developed narrative copy that explains each discipline while conveying the benefits and philosophy behind the practice.

Outcome


The final concept captures the essence of the teacher’s approach and translates it into a calm, cinematic digital experience. By aligning interface design, AI-generated visuals, and storytelling, the project demonstrates how a one-pager can communicate both emotional depth and practical value in a focused, engaging format.

DineCircle UX process presentation slide showing user research insights, journey mapping, wireframes, and final UI screens
DineCircle UX process presentation slide showing user research insights, journey mapping, wireframes, and final UI screens
DineCircle UX process presentation slide showing user research insights, journey mapping, wireframes, and final UI screens