
SERENITY
SERENITY
SERENITY
(OVERVIEW)
Designing a calm and intuitive digital experience for a modern acupuncture practice I approached this project with the goal of creating a digital space that reflects the sense of ease and balance associated with acupuncture. The focus was on simplifying the user experience while maintaining a refined and welcoming visual presence.
Rather than overwhelming users with information, the design prioritizes clarity and flow. Every element was considered to create a more grounded, approachable experience from first interaction to booking.
Designing a calm and intuitive digital experience for a modern acupuncture practice I approached this project with the goal of creating a digital space that reflects the sense of ease and balance associated with acupuncture. The focus was on simplifying the user experience while maintaining a refined and welcoming visual presence.
Rather than overwhelming users with information, the design prioritizes clarity and flow. Every element was considered to create a more grounded, approachable experience from first interaction to booking.
Designing a calm and intuitive digital experience for a modern acupuncture practice I approached this project with the goal of creating a digital space that reflects the sense of ease and balance associated with acupuncture. The focus was on simplifying the user experience while maintaining a refined and welcoming visual presence.
Rather than overwhelming users with information, the design prioritizes clarity and flow. Every element was considered to create a more grounded, approachable experience from first interaction to booking.



THE CHALLENGE
THE CHALLENGE
The concept of Serenity is rooted in a sense of calm, balance, and restoration. The brand is designed to reflect the emotional experience of acupuncture, creating a space that feels grounding and at ease from the first interaction. The challenge was creating a digital experience that reflects the calm and restorative nature of acupuncture, while still providing clear information and guiding users toward booking an appointment.
The concept of Serenity is rooted in a sense of calm, balance, and restoration. The brand is designed to reflect the emotional experience of acupuncture, creating a space that feels grounding and at ease from the first interaction. The challenge was creating a digital experience that reflects the calm and restorative nature of acupuncture, while still providing clear information and guiding users toward booking an appointment.
The concept of Serenity is rooted in a sense of calm, balance, and restoration. The brand is designed to reflect the emotional experience of acupuncture, creating a space that feels grounding and at ease from the first interaction. The challenge was creating a digital experience that reflects the calm and restorative nature of acupuncture, while still providing clear information and guiding users toward booking an appointment.




VISUAL IDENTITY
VISUAL IDENTITY
Serenity, defined as a state of calm and balance, became the foundation for the visual identity. The design reflects this through minimal elements, soft tones, and ripple-inspired forms that create a grounded and approachable experience.
Serenity, defined as a state of calm and balance, became the foundation for the visual identity. The design reflects this through minimal elements, soft tones, and ripple-inspired forms that create a grounded and approachable experience.





BRAND SYSTEM
BRAND SYSTEM
Consistency across these applications helps build trust and familiarity, creating a more seamless and reassuring experience for users.
Consistency across these applications helps build trust and familiarity, creating a more seamless and reassuring experience for users.



WIREFRAME
WIREFRAME
Wireframes were used to establish the structure and flow of the website before moving into visual design. The focus was on organizing content clearly and creating a layout that guides users naturally from information to booking.
Wireframes were used to establish the structure and flow of the website before moving into visual design. The focus was on organizing content clearly and creating a layout that guides users naturally from information to booking.




WEBSITE
WEBSITE
Wireframes were used to establish the structure and flow of the website before moving into visual design. The focus was on organizing content clearly and creating a layout that guides users naturally from information to booking.
Wireframes were used to establish the structure and flow of the website before moving into visual design. The focus was on organizing content clearly and creating a layout that guides users naturally from information to booking.





REFLECTION
REFLECTION
This project pushed me to think beyond visuals and focus on how design can shape a user’s experience emotionally and functionally. I learned how to balance a calm, minimal aesthetic with clear structure, ensuring the site feels both approachable and easy to navigate.
Designing and developing the site using HTML and CSS also strengthened my understanding of how visual decisions translate into real interactions, allowing me to create a more cohesive and intentional final product.
This project pushed me to think beyond visuals and focus on how design can shape a user’s experience emotionally and functionally. I learned how to balance a calm, minimal aesthetic with clear structure, ensuring the site feels both approachable and easy to navigate.
Designing and developing the site using HTML and CSS also strengthened my understanding of how visual decisions translate into real interactions, allowing me to create a more cohesive and intentional final product.













