Yamagiwa Massage Website Design

Launched April 2021

Tags

  • Client Work
  • CSS
  • Documentation
  • Front End
  • HTML
  • Project Management
  • Web Design
  • Web Development

Client Interview > Goals > Audience > Information Architecture > Competitive Analysis > Content Plan > Wireframe > Review > Color Design > Live Website

Yamagiwa Massage is a website I designed for a local massage therapist in Seattle. Because her business keeps her very busy, I wanted to build a website that would help her reduce her workload by screening clients and answering questions, without adding tasks like content management or responding to online messages.

A message saying 'Not accepting new clients' is displayed on the contact page to save the massage therapist time screening clients.

I first interviewed the client in order to understand the business goals, target audience, and design priorities of the project. I then developed information architecture to plan the overall structure of the website, and conducted competitive analysis on the websites of other massage clinics and providers to develop content, particularly about industry standard legal notices, allergens, and policies.

Information architecture diagram displaying planned About, Pricing, Legal Notices, FAQs, and Contact pages.

Once I had completed the plan for the website, I built grid-based wireframes for each page of the website and conducted a color study to find the best design choices for the final website.

Wireframe diagram for the pricing page built on a 960 pixel grid for the massage website. Visual design of the massage website's pricing page based on the wireframe with a blue and yellow color scheme.

After gathering feedback from both the client and peers, I reviewed the design and made changes before prototyping the live website using HTML, CSS, and JavaScript.

The refined final website, showing the pricing page including individual and package costs for uninsured clients. The refined final website, showing the contact page with a map and instructions for contacting the massage therapist.

Thanks for checking out my project!

If you'd like to see the full documentation for this project, feel free to view it here!

Back to Portfolio

Thank you!

Thanks for checking out my work! If you've got a project or job you think suits me, contact me here, by email, or on LinkedIn.

Contact Me

Thanks for dropping by!

Back to top