My Project is about a website to give information about the band Maroon 5 and sells merchandise of the band. The purpose of to website is to provide a platform for people who are interested in the band or fans of the band to find out more and get merchandise of the band. The site's users are fans and potential fans who wish to learn more about the band's history and the band members, learn more about their songs and know their schedules. Site owner's goal is the band are interested in leting more people know or learn about the band and selling more of the merchandise.
I started with reasearching about the band and about different websites. Then, i take down what information i need and what features i'm going to put in the website. After that, i started sketching the wireframe and my ideas, then use adobe XD to store my sketches. Since the website is for fans or potential fans of the band , i wanted to give reliable information and thought of things they want to know about and what they want. My project is the best way to help them achieve the things they want to achieved as a user type, I want to perform an action of introducing the band and selling merchandise , so that I can achieve a goal of letting more people become interested in the band.
- https://xd.adobe.com/view/b272cc12-4942-4916-b1f1-e1f2c35dc5fd-e721/
- https://xd.adobe.com/view/ce7172a4-69df-4340-9b59-b5d60f83dba8-9b22/
- https://xd.adobe.com/view/b91a3b0e-4ef5-4f20-bb75-63b61c21e215-ec49/
- https://xd.adobe.com/view/bffef9fb-7cf9-48c6-a29f-6b30ae375c53-eaad/
- https://xd.adobe.com/view/e05a822a-8a2a-4064-adcf-0ed94d2d8e8c-b509/
- https://xd.adobe.com/view/25804e44-7610-4f21-9241-6955f8637a24-70d3/
- memories-(https://youtu.be/SlPhMPnQ58k)
- sugar concert(https://www.youtube.com/embed/6eKv2lqgR-Q)
- Introduction of band's history
- Background of each member
- Show some songs published
- Publicise the band's upcoming shedule
- Sell merchandise
- Provide links to external resources, such as the band's social media profiles
- Feature 1 - allows users to learn about the band's history, by having them read the passage.
- Feature 2 - allows users to learn about each band member, by having them read the passage.
- Feature 3 - allow user to listin to some songs they puplish by clicking on the youtube tab.
- Feature 4 - allow users to know their schedule and maybe go support them, by reading through the passaage and clicking a link to buy tickets.
- Feature 5 - allow users to know what merchandise are avaliable and buy them.
- Feature 6 - allow users to get more infomation through the official resources, for example youtube and instagram.
In addition, you may also use this section to discuss plans for additional features to be implemented in the future:
- Have latest news of the band
- Have all the songs in the webpage
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.
- Adobe XD - Use for wireframe.
- Visual Studio Code- use for coding.
- GitHub(https://github.com/LeeYiXuan21/ID_ASG1/edit/main/README.md)-It was use as a website to store all my work.
- w3school(https://www.w3schools.com/)-It help with the coding and gave fonts and information on some features.
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 my testing process is via scenarios, such as:
- The home page can scroll through for video, picture and information about the band.
- At the bottom of home page, can push button to the top of page and have links mto official website.
- There is a navigation bar to go to paragraph and other pages and home to go back.
- The member icon open to different pages of infomation of each members and picture.
- The merchandise page shows different merchandise available now and the prices.
- The schedule tab shows there world tour dates and locations.
- Some application cannot be applied and i have to edit and kept redoing until it works.
- Have problems positioning stuff and paragraphing.
- Not sure how adjust my bugs and errors.
- I have problems with the responsive, i kept on changing but nothing happens and im not sure what is the problem.
- The text for background was copied from the Wikipedia article and the link is https://en.wikipedia.org/wiki/Maroon_5 and a website(https://www.aceshowbiz.com/celebrity/maroon_5/biography.html)
- The background used are
and
- The photos used in the main site were obtained from https://user-images.githubusercontent.com/116336741/202636687-b82f8b66-3152-4382-9442-dc1959c98a32.png
- https://abtc.ng/maroon-5-biography-net-worth-songs-and-real-name/
- https://maroon5.fandom.com/wiki/Adam_Levine
- https://maroon5.fandom.com/wiki/Jesse_Carmichael
- https://maroon5.fandom.com/wiki/Ryan_Dusick
- https://maroon5.fandom.com/wiki/Mickey_Madden
- https://maroon5.fandom.com/wiki/James_Valentine
- https://maroon5.fandom.com/wiki/PJ_Morton
- https://maroon5.fandom.com/wiki/Matt_Flynn
- https://en.wikipedia.org/wiki/Sam_Farrar
- https://metalheadzone.com/adam-levine-reveals-writing-process-details-of-maroon-5s-new-song-nobodys-love/
- https://networthpost.org/net-worth/jesse-carmichael-net-worth/
- http://maroonv97.blogspot.com/2015/03/matt-flynn.html
- https://www.pinterest.com/pin/826410600358388050/
- https://www.dailymail.co.uk/tvshowbiz/article-8476589/Maroon-5-bassist-Micky-Madden-arrested-domestic-violence-charges-Los-Angeles.html
- https://www.zimbio.com/photos/PJ+Morton/xABmFTQw9iZ/Maroon+5+Performs+NBC+Today
- https://maroonfivemusic.blogspot.com/2013/06/maroon-5-music.html
The text for the schedules is taken from the maroon 5 website (https://www.maroon5.com/tour)
The photos used in the merchandise site were obtained from official Maroon 5 website(https://maroon5.store/)
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/M5-0024_VinylMock-01_2_1_360x.png?v=1632237126
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/6321M5jewelcase4.27_2ce63465-f0db-4f43-9ea3-a808a6d2b412_360x.png?v=1623733699
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/Croppedhoodie_360x.png?v=1629742193
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/CroppedTee_360x.png?v=1629685293
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/BMBlackHoodie_1512x.png?v=1629685131
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/MAR_PINK_TIE_DYE_HOODIE_360x.png?v=1617826746
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/MAR_BLUE_TIE_DYE_HOODIE_360x.png?v=1568939421
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/MARHURTSLONGSLEEVE_360x.png?v=1623650098
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/MAR80772_778x_7443d419-5950-4cde-8ef8-15b4588e8386_360x.png?v=1623686496
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/MARNOBODYSTEE_360x.png?v=1596501044
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/MARNOBODYSLS_360x.png?v=1623687027
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/MARNOBODYSHOODIE_360x.png?v=1601319883
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/Sweatpants_360x.png?v=1617303393
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/BlackTourTee1_360x.png?v=1629684932
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/Croppedhoodie_360x.png?v=1629742193
- https://cdn.shopify.com/s/files/1/0016/7473/9747/products/CroppedTee_360x.png?v=1629685293
- https://twitter.com/maroon5
- https://www.maroon5.com/
- https://www.facebook.com/people/Official-Maroon-5/100068387934583/
- https://www.youtube.com/channel/UCBVjMGOIkavEAhyqpxJ73Dw
- https://www.instagram.com/maroon5/
- I received inspiration for this project from their songs as i been listening to some of their songs, for example, memories, sugar and payphone.....