Skip to content

Rory Hackney

Software Developer

Web Developer / Designer

Screenshot of a massage therapist's website, displaying a tranquil image of water near a rocky shore.

Yamagiwa Massage Website Design

January 2021 - April 2021

Tags

  • Client Work
  • CSS
  • Front End
  • HTML
  • UX Design
  • Web Development

A massage provider's website, planned and refined through a web design project, wireframed and designed in Photoshop, and then prototyped using HTML, CSS, and JavaScript.

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.

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

Live SiteGitHub Hire Now

Thanks for checking out my project!

Back to Portfolio