Yamagiwa Massage Website Design

Screenshot of a website I built for a massage therapist, featuring serene water and stone imagery and easy to find information for clients.

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.

Portfolio Resume

Massage Website Design Project

Launched Apr. 2021

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

Tags

HTML, CSS, JavaScript
Photoshop
Frontend Web Development
Web Design
Project Documentation
Client Work

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 is displayed on the contact page to screen new clients in order to save Rachel time and labor.

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 for a client's massage website.

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 a massage website.

Visual design of the massage website's pricing pagea with the blue and yellow color scheme that was chosen.

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.