Giter VIP home page Giter VIP logo

yoga-proj's Introduction

Meditation Lounge

Meditation Lounge is a website dedicated to people who are interested in yoga and mediation. Our website shows the benefits of doing yoga and meditation daily and what it can do for your mental and physical health.

Feedback

What we hope the experience is like for our users.

User Goals

  • When a first-time visiter views the website I would like for them to find it easy to find all the information they are looking for, And make the experience positive so that they return again or choose to sign up.

  • When returning to the website I would like for the user to be able to go straight to information they are looking for, whether that be our online classes timetable or links to our social media we would hope all is easily accessible

Design

HOME22

  • Design Choices

    • The design for Mediation Lounge was meant to be a simple and sleek design that was pleasent to look at and to navigate through, We it so the first thing you see would be our branding and a large hero image of Meditation so people knew exactly what kind of website it was

    • The font Used was 'Oswald' and 'Lato' we used these fonts as they complimented eachother well and made the project gel together quite well.

  • Color Scheme

    • The color scheme chosen was mainly green with small chunks of grey and white used for the long pieces of text, Meditation Lounge dawns the green colourway as it complimented the hero image and kind of played along quite well with, the theme of mediation and yoga as nature goes hand in hand with it.
  • Images

    • All Images were optained from Pexels and are copyright free.

    • The images chosen were picked cautiously as I didn't want anything that would look out of place or clash with the green theme.

    • The Imagery really adds a good look for the site in general they help give show the sites intentions aswell as help show the motivations and the goal for our website.

Laguages Used

-HTML -CSS

Testing

  • Passed w3schools CSS and HTML validator wihtout any errors

  • HTML

HTMLCHECK

  • CSS

CSSCHECK png

Gallery

Why We Made The Gallery

  • The Gallery consists of pictures sent in be our members and we think it really highlights and showcases the sense of community we have here at Meditation Lounge, The pictures sent in are stunning and really capture what we are all about. gallery33

Credits

  • Content
    • I got alot of my content about mediation and yoga off of google.

    • I got the images from Pexels

    • I got the fonts (Oswald and Lato) from Google Fonts

Next Steps

  • I would like to add a another section of the website that explains in slightly more depth the benefits of yoga and meditation, I think by doing this it would increase the users interest in starting yoga and meditation.

  • I would also like to add a new section showing and demonstrating different yoga positions and types of meditation, I feel this would increase user acitivty with website as we could update them weekly to have users coming back.

  • Adding a shop to sell yoga mats and other yoga and meditation related products with our Meditation Lounge branding to grow the website.

Acknowledgements

  • I would like to thank my mentor Spence for helping me whenever i needed with my project

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.