Better Beyond is a fictional business for a personal trainer who is kicking off their business for the first time. After recently acquiring a gym and with knowledge at his disposal Bryson (the fictional business owner), is ready to make his mark in the location of Irvine, CA. The challenge he faces is a highly competitive market, with Irvine being ranked as one of the fittest cities in the nation in most recent years, there are many fitness trainers that are already established, as well as many newcomers.

My process of building a website contains five phases.

Phase I: Research & Discovery: This phase includes market research and analysis, in-depth research on target demographics, competitor research, research on user needs and pain points, user personas, and a project plan/overview.

Phase II: Design: During this phase, I will create a style guide, information architecture diagram, and user flow diagram, sketch the website layout, create assets (iconography, collect images, etc.), create wireframes, mockups, prototypes, and conduct user testing.

Phase III: Content & SEO: For Altered Vision, I will be creating all the content and gathering the images required for the site. Find keywords, prepare the website for SEO by optimizing images, and ensure the content has good quality keywords and is used appropriately. Lastly, a Google Analytics account for the site.

Phase IV: Coding & Web Development: Using HTML, CSS, and JS I will create the website through coding as well as find a domain name and hosting service once the coding is complete.

Phase V: Testing and Refining: I'll test the site functionality once more review the code, create a finalized backup file, review the SEO in GA, and finally launch the website.

Phase I Research & Discovery:

User Personas

I’ve created three personas Jared, June, and Yasmin. All with different backgrounds, motivations, goals, needs, and pain points. Jared is a 36-year-old man who wants to buy authentic art pieces and wants to be able to communicate with the artist to see them in person. Yasmin is a 20-year-old college student who is more simplistic in her art search and wants to find art that is appealing to her. Lastly, June is a 24-year-old interior decorator that is detailed in her art search, she likes high-quality artwork and likes to discover new talented artists. Furthermore, she wants the ability to negotiate the price of the artwork in reference to the quality of the art. A feature that most art websites do not currently have.

Business Brief

Phase II: Design

Style Guide

The goal is for the site to be as simple as possible so users can navigate with ease if they want to look at individual artwork and browse through a specific artist's profile to complete a purchase(s). To demonstrate my vision for the website layout, this is a  rough draft of what the website will look like on Desktop and Mobile devices.

Information Architecture (IA)

The subpages under the services pages will provide an opportunity to take the user to the contact form page. In which the underlying goal is to have the users be able to browse helpful information about training and nutrition if they please and if interested in a training program, will be led to the services page, and then bridge the gap between the user and the business by contacting the trainer directly.

Over the next few weeks, I will be updating this project to reflect my work. here...