WEBSITE DESIGN

Martial Arts School Website

Goals: A bold new design with more easily accessible information and more appealing presentation for prospective customers.

Requirements: Responsive design; full-width slideshow on homepage; all business information upfront; plenty of images; mouseover and scroll effects; dark red/black color theme; clean, bold layout. 

Tasks: Client interview, user research, competitive analysis, information architecture, wireframes, prototypes, client review, iterations, UI design.

BEFORE / AFTER
Home Page Before/After Redesign
Home Page Before/After Redesign
press to zoom
About Page Before/After Redesign
About Page Before/After Redesign
press to zoom
Classes Page Before/After Redesign
Classes Page Before/After Redesign
press to zoom
Instructors Page Before/After
Instructors Page Before/After
press to zoom
Events Page Before/After Redesign
Events Page Before/After Redesign
press to zoom
Photos Page Before/After Redesign
Photos Page Before/After Redesign
press to zoom
Contact Page Before/After Redesign
Contact Page Before/After Redesign
press to zoom
WIREFRAMES
Home Page Wireframe
Home Page Wireframe
press to zoom
About Page Wireframe
About Page Wireframe
press to zoom
Classes Page Wireframe
Classes Page Wireframe
press to zoom
Instructors Page Wireframe
Instructors Page Wireframe
press to zoom
Events Page Wireframe
Events Page Wireframe
press to zoom
Photos Page Wireframe
Photos Page Wireframe
press to zoom
Contact Page Wireframe
Contact Page Wireframe
press to zoom
 
 
USER RESEARCH
Martial Arts School User Persona
Martial Arts School User Persona

Part of the UX Research process to develop an understanding of the Martial Arts School's customers and, therefore, the best way to create a website that appeals to them.

press to zoom
Martial Arts School User Persona
Martial Arts School User Persona

Part of the UX Research process to develop an understanding of the Martial Arts School's customers and, therefore, the best way to create a website that appeals to them.

press to zoom
Martial Arts School User Persona
Martial Arts School User Persona

Part of the UX Research process to develop an understanding of the Martial Arts School's customers and, therefore, the best way to create a website that appeals to them.

press to zoom
Martial Arts School User Persona
Martial Arts School User Persona

Part of the UX Research process to develop an understanding of the Martial Arts School's customers and, therefore, the best way to create a website that appeals to them.

press to zoom
 
RESPONSIVE DESIGN
Home Page Responsive Design
Home Page Responsive Design
press to zoom
Classes Page Responsive Design
Classes Page Responsive Design
press to zoom
Instructors Page Responsive Design
Instructors Page Responsive Design
press to zoom
Events Page Responsive Design
Events Page Responsive Design
press to zoom