Giter Club home page Giter Club logo

wingsandinspiration's Introduction

Wings And Inspiration

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.

UX

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.

Website design and style :

  • Approachable
  • Caring
  • Natural/Organic
  • Credible/Expert
  • Helpful
  • Clean but with style

Colors and fonts that she requested here

Features

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

Existing Features

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.

Features Left to Implement

  • 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.

Technologies

  • HTML
  • CSS
  • Bootstrap (3.3.7)

Testing

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:

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, 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.

Credits

Content

  • The sections were planed based on the exercises done on the course.

Media

  • The photos used in this site are from the owner of the project.

Acknowledgments

  • I have received inspiration for this project, Denisse Olsson.

wingsandinspiration's People

Contributors

mlince79 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.