Stream One Project: User-Centric Frontend Development - Code Institute
This website will offer all women that have just arrived in Sweden, the opportunity to get in contact with a great companion. Under the umbrella of Wings and Inspiration project, Denisse will offer her coaching to help them adapt to their new country the best way, and be able to live their Expat life to the fullest.
This project was a tailored development for Denisse, who is an expat and coach. She started her website on WordPress but struggled and did not get it the way she wanted. She did not have a clear objective of what she wanted to accomplish with her site.
Her original website check here.
While listening to her story and after little research, we came up with the idea of focusing her coaching efforts on a specific and fascinating group in Sweden, Expat women.
The number of women coming into the country has been growing for the past 18 years, reaching its highest peak in 2016 with 71,859.
The number of immigrants per year from 2000 checks them here
Denisse has as a personal call. She is passionate about helping women that are going through the process of:
- understanding a new culture,
- learning a new language,
- getting a job or working in a different cultural environment. She wants to increase her contact with newcomers' women in Sweden. So users will benefit from her coaching, adapting quickly to their new country. In the future, she Expects that Wings And Inspiration became a more significant concept. Maybe the most prominent network where new women living in Sweden can find calm and caring about their situation in life.
Now, there are several groups created by Expat women where they can help each other. However, there is no personal coaching service offered.
- Approachable
- Caring
- Natural/Organic
- Credible/Expert
- Helpful
- Clean but with style
Colors and fonts that she requested here
In terms of the scope, Denisse has a big vision with the website where she will be able to offer online bookings for her customers and allowed them to execute the online payment, among other features. The whole scope here
The scope level in phase 1 will be:
- Home - where the user can read a callout and book a first 30 min free session.
- About Me - the user will get to know Denisse's biography.
- My Coaching - the user will get to know about Denisse's coaching and her reviews.
- On big screens and tablets, a Nav-alert will be visible, offering the 30 min free session.
- Blog - in this section, it is planned that every week will post relevant articles for Expat women.
- Events - there is the desire to have a calendar where the following online activities will communicate. The users will be able to confirm the assistance to a session and even pay online.
- HTML
- CSS
- Bootstrap (3.3.7)
As soon as women arrive at the Home, they will see a clear offer. In the "About Me" section, they can read a bit about Denisse's background, and her photo. In "My Coaching," they will learn more about who is this coaching for and what it is offering. They can request a free 30 min session leaving just their email and a short message about them. If the user tries to submit the contact form with an invalid email address, there will be an error noting the invalid email address.
They are also able to view Denisse's social media profiles via clicking on the icons in the footer. All links will open in a new tab using 'target="_blank"'
It is a responsive website. This site tested across multiple browsers (Chrome, Safari, Internet Explorer, FireFox) and on multiple mobile devices (iPhone 4, 5, 7: Chrome and Safari, iPad, Samsung Galaxy)
HTML and CSS code were both validated at the following pages:
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, the user can clone this repository directly into the editor of their choice by pasting git clone https://github.com/Mlince79/WingsAndInspiration.git into their terminal.
- The sections were planed based on the exercises done on the course.
- The photos used in this site are from the owner of the project.
- I have received inspiration for this project, Denisse Olsson.