Yap Guang You/0363730
Interactive Design/Bachelor of Design(Hons) in Creative Media
Final project/Design, Exploration and Application
Content
Instruction
<iframe src="https://drive.google.com/file/d/1WDr6LjbPz7rzqeuoLSDc2fPzvQnd0KSu/preview" width="640" height="480" allow="autoplay"></iframe>
In the final web design project, we embark on a creative journey to craft a captivating single-page website dedicated to our most cherished artist. This endeavor serves as a canvas for honing our web design and development skills while providing a platform to express our unwavering admiration for the chosen artist. We delve into the realms of color, layout, and interactivity, ensuring a visually pleasing and responsive design that harmonizes with the artistic exploration, we will introduce our artists, showcase their work, provide insights into their lives and careers, and even offer a means of contact or social connection for fans and enthusiasts.
The artist I chose was Yorushika, a Japanese music duo, known for captivating and emotional music. Formed by the talented music composer N-buna and a female vocal with an ethereal voice, Suis.
|
| Yorushika's logo |
Sketch
Visual References
Before I started sketching and making my prototype, I decided to do some research on how people design their websites proposing an artist. I found some layouts that I think I can use in my design on Pinterest, and I also visited to the actual websites of these artists, such as Yorushika, Blackpink, Ado, etc.
Some websites I have visited
- Yorushika official website: ヨルシカ OFFICIAL SITE (yorushika.com)
- Ado Website from Universal Japan: Ado - UNIVERSAL MUSIC JAPAN (universal-music.co.jp)
- Blackpink official website: Home - BLACKPINK (blackpinkmusic.com)
|
| Design 1: |
|
| Design 2 |
|
| Design 3 |
|
| Design 4 |
Prototype
Web Development
First, I decided to type the basic layout of my Yorushika website, and then start adding more information to the web page. I wrote an introduction and biography for them, and them I introduced their first and second album in the gallery section, I decided to add a few more introductions for them, like introducing my favorite song from them, and the iconic song. But that is about after the base of the web has been done like functioning and layout.
|
| Progression_1 |
No comments:
Post a Comment