F&A Brothers Cleaning

This website is designed for potential business and customers to show the range of services it has to offer.

UX

User stories

• As an owner of the site, I want visitors to know the name of the business and the services it offers.
• As an owner of the site, I want visitors to be able to contact me for any enquiries.
• As an owner of the site, I want visitors to see what's included for the services i offer
• As a site user, I want to know the name of company.
• As a site user, I want to know why should i choose them as my cleaning company.
• As a site user, I want to know the address and opening times.
• As a site user, I want to know what type of service they offer and what is included.
• As a site user, I want to be able to contact them.

Strategy Plane

My goal in the design was to make it easy to access information on the site.

Scope Plane

For costumers, I wanted to give them a overview of the business and the services it offers. This way costumers would be able to get a glimpse of the company history and the projects i've finished and being able to contact me.

Structure Plane

In the Header of Landing page i wanted to give the visitors a few reasons why they should choose this cleaning company.

Skeleton Plane

Wireframe

• https://github.com/AlinBariz/fabrothers/blob/682b8abf6cc97187511c3048609fca3004110c3e/wireframe/about%20us%20page.png
• https://github.com/AlinBariz/fabrothers/blob/682b8abf6cc97187511c3048609fca3004110c3e/wireframe/contact%20page.png
• https://github.com/AlinBariz/fabrothers/blob/682b8abf6cc97187511c3048609fca3004110c3e/wireframe/landing%20page.png
• https://github.com/AlinBariz/fabrothers/blob/682b8abf6cc97187511c3048609fca3004110c3e/wireframe/services%20info%20page.png

Surface

The white and black was chosen to create a easy and minimalist user-friendly site

Features

• Responsive and functional on all device sizes
• Interactive

Features Left to Implement

• Another feature idea

Technologies

• HTML
• CSS
• Bootstrap

Deployment

This site is hosted using GitHub pages, deployed directly from the master branch. The deployed site will update automatically upon new commits to the master branch. In order for the site to deploy correctly on GitHub pages, the landing page must be named index.html.

To run locally, you can clone this repository directly into the editor of your choice by pasting git clone https://github.com/AlinBariz/fabrothers.git into your terminal. To cut ties with this GitHub repository, type git remote rm origin into the terminal.

Credits

Content

80% of written content was taken from Workbuster cleaning

Media

images has been taken from this 2 websites

• https://unsplash.com/
• https://www.freepik.com/home

Acknowledgements