code-institute-submissions / barre-fitness Goto Github PK

Introduction

Barre Fitness is an exercise studio in Bristol which opened after the last lockdown. A large amount of the customers are from the local area but passing traffic was initially slow. A website was created to principally “un-frost” the gym windows so its potential clientele could understand what kind of studio it is and what class costs.

The site was built quickly to build advertise the gym and also mitigate the shortfall in passing traffic post lockdown. The owner believes that the majority of the audience would book classes in person so priority wasn’t given to an integrated membership, booking system and store. This system is dealt with through a third party TeamUp app. 

Current site UX: Surface

The current site is based in Wordpress it was created by a web company. Who did a good enough job of using design which might appeal to a 20-40 largely female UK audience. Font choices and some of the background patterns add a nice sense of art-deco class. Although they often are ’sliced up’ it doesn’t really chime with the actual feel of visiting the studio.

[READMEhomepagebackgroundslicing]

I undertook some paid work to add some further images, video and copy-check the site. It’s clear that the site has suffered from 'feature creep'.

[image Barre Fitness Navigation bar]

This is largely due to the owner wanting to advertise the studio, instructors, classes and deals.

The second most fundamental issue with the site is that due to low technical knowledge from the owner. Which is why TeamUp has been integrated as an iframe.

A new user journey is currently confused. You can find out lots of background information (see navbar) including class pricing.

[READMEclasspricing]

But then you have to find the same class offer in the TeamUp app displayed within an iFrame. And the user then has to sign up with TeamUp.

[READMETeamUpIntroOffers]

The TeamUp is a market leader and despite an old looking UI does function quite well. Once the user is signed up they are advised to download the app to manage their schedule. Which functions well. The owner admits that there is significant drop off between visiting the site and buying.

Additionally, the shop which has become a more important daily form of income for the business is very poor in the Team Up UI.

UX Priorities

1. To produce a cleaner shop intergration which can be linked to and from the current site in the navigation

2. New site will be membership focussed website which makes buying from the shop, buying class bundles or booking an appointment a pleasure.

User Stories

The surface developer goals for this current MVP are.

+--------------------------+------------------------------------------+ | As a… | I want to be able to | +--------------------------+------------------------------------------+ | Site visitor | understand what Barre Fitness is, and | | | who and what this site is for | +--------------------------+------------------------------------------+ | New customer / returning | Have an enticement to buy membership or | | | from the shop | +--------------------------+------------------------------------------+ | New customer | see further information about | | | introductory offers and memberships | +--------------------------+------------------------------------------+ | New customer / returning | login to account to see membership | | | status and what is booked | +--------------------------+------------------------------------------+ | New / returning customer | see what classes there are and people | | | who run them | +--------------------------+------------------------------------------+ | Returning customer | see what classes are available and how | | | many spaces are available | +--------------------------+------------------------------------------+ | New / returning customer | see a calendar view of available classes | +--------------------------+------------------------------------------+

Scope

Sprint 1: Scope (1 week)

1. Research look and layout the site with the 5 planes of UX (Research, ReadME, Wireframes)

2. Planning out work process deadlines, work structure and testing implementation

Sprint 2: Structure and Skeleton(2 weeks)

1. Code out site structure, repo and basic layout

2. Export databases from Team Up, restructure in JSON Format

3. Structure databases in Django’s SQL DB

4. Map out DB interrelation for members - booked classes etc

5. Create basic shopping app from end-to-end based on learning in previous Walkthrough

6. Deploy to Heroku

7. Integrate Stripe, S3 for images

8. Upload membership database and link member info with history

9. Integrate members calendar

Project stalled at point 6 as ​Heroku automatic deployment stalled this process

Languages Used

• HTML5

• CSS3

• JavaScript

• jQuery

• Python

https://github.com/dandavies23/jargon-unchained/blob/main/README.md#frameworks-libraries--programs-usedFrameworks, Libraries & Programs Used

• Django - main framework for building site including specific intergrations includedd

• Bootstrap 4 for styling and layout

• Heroku The cloud platform for deploying the app.

• Git Used Git for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.

• GitHub GitHub stored the projects code after being pushed to Heroku via Flask

• Balsamiq To create initial wireframes for the project design - full wireframes can be seen here.

• Photoshop Used to crop, resize and optimise main illustration - also experimented with Google Webp image

Deployment

https://github.com/seanyoung247/TWCoulsdon/blob/main/README.md#database-deploymentDatabase Deployment

Django will do most of the work of preparing and setting up the database through 'migrations'.

To update the database to the latest models, from the project root:

1. First generate the python migration scripts:

python3 manage.py makemigrations

1. Then run the scripts and update the database:

python3 manage.py migrate

https://github.com/seanyoung247/TWCoulsdon/blob/main/README.md#local-deploymentLocal Deployment

To deploy the project locally first clone the github repository to a local directory:

• Navigate to the project's github repository (https://github.com/dandavies23/barre-fitness)

• Select the "Code" button above the file listing

  • Select download Zip

• unzip the file to a local directory

https://github.com/seanyoung247/TWCoulsdon/blob/main/README.md#python-environmentPython Environment

After cloning the repository the python environment needs to be set up. Ensure python3 is installed and is version 3.8.6 minimum with the command: python3 --version

You will then need to create a virtual environment: From the projects local root directory run the following command:

python3 -m venv .

To activate the virtual environment use the command:

source bin/activate

Once the virtual environment is activated the project's python prerequists can be installed with:

pip3 install -r requirements.txt

Database migrations should now be run as outlined above.

Once finished working, or if the virtual environment needs to be restarted (for instance if environment varibles have change and need to be reloaded) deactivate by typing:

deactivate

https://github.com/dandavies23/jargon-unchained/blob/main/README.md#other-thanks-and-acknowledgmentsOther thanks and acknowledgments

Thanks to Georgie from Barre Fitness for input and access to Team Up. Thanks to Code Institute support including my mentor Antonio and Tutors Jo, Sean and Christine. I’m thankful for the support, and advise and tolerance from Juliet Spare, and Pete Doyle plus CI Slack and Stack Overflow communities.