Giter VIP home page Giter VIP logo

user-centric-front-end's Introduction

Website for the rock band

Static HTML website

UX

The band is a 1960’s rock band and have around 50 years experience of performing live at numerous events around the world. You have been given the following requirements after interviews with the client’s representatives:

Their primary target audiences are their fans and potential fans who wish to use the site to see and hear clips from their back catalogue, and any new material as it becomes available.

Also, the band would like to use the site to showcase their music and publicise their availability to perform at events such as weddings and Christmas parties.

The wireframe

Features

Home page

The home page is an introduction for all pages

Featured image with a call to action

Latest music

About us

Band's member introduction

Home page

The home page is an introduction for all pages

Featured image with a call to action

Latest music

About us

The footer consist of contact information

Our music

That page allows users to play band's tracks directly in the browser

About us

That page is showing the band history and band members with their pictures & Twitter link

Gallery

Band's image gallery

Contact page

That page consists contact form and contact details

Existing Features

Latest music allows users to play band's tracks directly in the browser

Features Left to Implement

  • Contact form sending email
  • Gallery zoom picture and open popup

Technologies Used

Pure HTML5 and CSS3 without any framework

Deployment

The website has been deployed to github pages

Testing

  • The website has been passed HTML validation
  • The website has been tested on various screen sizes

Credits

Media

user-centric-front-end's People

Contributors

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