I am creating a website for one of my favourite and most underrated band. I have been a fan of Jonas Brothers ever since they got together in 2005. However, not many of my friends knows about them, their career and their music. Hence, I wanted to create a website for them so as to introduce this band to more people.
My target audience of this website would be to the upcoming generation of students. As Jonas Brothers is a really old band, they are not every popular and known by the younger generation of people.
I hope that this website would be able to introduce and show the wonderful and nice music produced by the Jonas Brothers to the younger generation. I hope that that the younger generation can start listening to this band and learn to appreciate their different type of music. I also hope that the Jonas Brothers will be able to get more recognition and love from the younger generation.
I feel that my project is the best way to help this band achieve more recognition and attention from the younger generation as my website not only contain a profile of each band member (so that the audience can know and connect with them better), but also some of the Jonas Brothers’ top songs and albums. In this way, it is more convenient for the target audience to be able to find the band’s most popular songs and listen to them.
• As a secondary 2 student, I want to perform an action so that when I click on the band member’s profile, it can allow me to be able to view their background and what they are known for easily. • As a primary school student, I would like to be able to access the band’s merch with just a simple click of a button.
https://xd.adobe.com/view/61010aed-5e92-4f61-b798-cc51162de2f2-3452/
Home Pgae shows the title and logo of the Band I am doing a website for - Jonas Brothers.
Shop page allows users to take a look at the merchandise of the Jonas Brothers and decide if they would like to purchase them. Each of the item of the shop links to the official shop for the Jonas Brothers.
The Discography page allows users to take a look at some of the songs and albums of the Jonas Brothers and also listen to them. It also includes a top 5 album for the users to view.
The Shows page allow users to view the upcoming shows of the Jonas Brothers to to RSVP for a show. The RSVP button will link the user to another form page for them to fill in their particulars.
The Profile page gives users more information about the band and each of the band numbers so that they can connect and know more about the band members.
In this section, you should mention all of the languages, frameworks, libraries, and any other tools that you have used to construct this project. For each, provide its name, a link to its official site and a short sentence of why it was used. • Visual Studio (HTML, CSS, JAVA SCRIPT) • Adobe XD
For any scenarios that have not been automated, test the user stories manually and provide as much detail as is relevant. A particularly useful form for describing your testing process is via scenarios, such as:
-
RSVP form: i. Go to the SHOWS page ii. Try to click om the RSVP button iii. See if it brings you to another page for you to complete a form
-
RSVP form: i. Go to the Discography page ii. Try to click on the spotify gallery view iii. See if you can listen to the music.
Happiness Begins poster: https://i.scdn.co/image/ab67616d0000b273de1a3a5eaa0c75bb18e7b597 A little bit albulm poster: https://i.scdn.co/image/ab67616d0000b2736052733814bd844a5955f1b1 It's about time poster:https://upload.wikimedia.org/wikipedia/en/0/01/It%27s_About_Time_%28Jonas_Brothers_album_-_cover_art%29.jpg Jonas brothers albulm poster:https://upload.wikimedia.org/wikipedia/en/8/8e/Jonas_Brothers_%28Jonas_Brothers_album_-_cover_art%29.jpg lines vines and trying times poster:https://upload.wikimedia.org/wikipedia/en/b/b1/Lines%2C_Vines_and_Trying_Times_album_cover.jpg
Jonas brothers name: https://1000logos.net/wp-content/uploads/2020/10/Jonas-Brothers-Logo.jpg Jonas brothers logo: https://i.pinimg.com/originals/fc/d7/ba/fcd7ba6d80326a09eba25e04e8ddd4d8.jpg
Pic 1 of gallery: https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.usatoday.com%2Fstory%2Fentertainment%2Fmusic%2F2019%2F10%2F17%2Fjonas-brothers-better-now-than-they-were-10-years-ago%2F3830255002%2F&psig=AOvVaw3H_Oj-nN3Uhj7zqQm6CB__&ust=1669553495557000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCKDUvcrxy_sCFQAAAAAdAAAAABBn Pic2 of gallery: https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.insider.com%2Fjonas-brothers-music-videos-ranked-2019-6&psig=AOvVaw1m371QdtCwn5Pb_4AuL61-&ust=1669964067762000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCMD86Yrr1_sCFQAAAAAdAAAAABAI Pic3 of gallery: https://www.google.com/url?sa=i&url=https%3A%2F%2Fpopcrush.com%2F2020-grammys-jonas-brothers-performance%2F&psig=AOvVaw3H_Oj-nN3Uhj7zqQm6CB__&ust=1669553495557000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCKDUvcrxy_sCFQAAAAAdAAAAABBd Pic4 of gallery: https://www.google.com/url?sa=i&url=https%3A%2F%2Fkcr.sdsu.edu%2Fthey-did-what-jonas-brothers%2F&psig=AOvVaw3H_Oj-nN3Uhj7zqQm6CB__&ust=1669553495557000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCKDUvcrxy_sCFQAAAAAdAAAAABBw Pic5 of gallery: https://www.google.com/url?sa=i&url=https%3A%2F%2Frollingstoneindia.com%2Fjonas-brothers-announce-second-las-vegas-residency%2F&psig=AOvVaw3H_Oj-nN3Uhj7zqQm6CB__&ust=1669553495557000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCKDUvcrxy_sCFQAAAAAdAAAAABB1 Pic6 of gallery:https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.dailymail.co.uk%2Ftvshowbiz%2Farticle-9610165%2FThe-Jonas-Brothers-Marshmello-rehearse-new-music-ahead-Billboard-Music-Awards-performance.html&psig=AOvVaw3H_Oj-nN3Uhj7zqQm6CB__&ust=1669553495557000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCKDUvcrxy_sCFQAAAAAdAAAAABB6 Pic7 of gallery:https://www.google.com/url?sa=i&url=https%3A%2F%2Fcelebsecrets.com%2Fdid-nick-jonas-break-up-the-jonas-brothers-again%2F&psig=AOvVaw0fDaoNqTtVMwk5-7Ctc2ck&ust=1669558408613000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCJiKgvGDzPsCFQAAAAAdAAAAABAE
Kevin: https://media1.popsugar-assets.com/files/thumbor/ijvRu7KqYizntOtPlOLib9U9W4k/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2018/08/07/025/n/1922398/e56a78275b6a2d08e8f136.73630667_/i/Kevin-Jonas.jpg Nick: https://m.media-amazon.com/images/M/MV5BMjI2NTI0NjczM15BMl5BanBnXkFtZTgwMDc4NDI1NDM@._V1_.jpg Joe: https://m.media-amazon.com/images/M/MV5BMTgzMTA0MDUzNF5BMl5BanBnXkFtZTcwOTM2ODcwNw@@._V1_.jpg
Shop images: All shop images taken from: https://jonasbrothersuk.store/
Show background video: https://www.youtube.com/watch?v=LfnzCsEzNSk