top of page

Jay Chou’s Web

周杰伦的唱片网站

Designed a website for Jay Chou's fans where they can audition songs and place orders to buy albums. Users can also order physical albums made of self-selected playlists through this website.

为周杰伦的歌迷们设计了一个可以试听歌曲,下单购买唱片专辑网站,用户也可以通过这个网站下单自选歌单制成的实体专辑。

song.gif

Google UX Certificate Course

谷歌用户体验设计职业证书课程

​The project

项目说明

The purpose of the course is to use Adobe XD to design a responsive website, which requires designing a computer-side website and a mobile-side display interface. "Designing a website where you can place orders and audition records for your favorite singers" is the subject I picked up.

课程目的是使用Adobe XD设计一个响应式网站,需要设计电脑端网站和手机端显示界面。

“为喜欢的歌手设计一个可以下单和试听唱片的网站” 是我抽到的课题。

My Role

​职责

User Research, Information architecture, usability test, paper wireframes, digital wireframes, Low-fidelity and High-fidelity prototype, mockup. 

用户研究、信息架构、可用性测试、纸质线框、数字线框、低高保真原型、模型。

Audience

​目标用户

People who like Jay Chou, those who want to listen to Jay Chou's songs, and those who want to place an order to buy Jay Chou's records.

喜欢周杰伦,希望听周杰伦的歌曲的人,想要下单购买周杰伦唱片的人。

Wireframes

通过Adobe XD制作的低保真线框图

IMG_6557_edited.png
IMG_6556_edited.png

​Paper wireframes

911643103192_.pic_hd.jpg
931643105045_.pic_hd.jpg

Digital wireframes for Web

921643103207_.pic_hd.jpg
941643105443_.pic_hd.jpg

​Digital wireframes for App

Demo

Takeaway

Through this project, I deeply learned the use of Adobe XD and deepened my understanding of responsive websites. Out of my love for Jay Chou, I enjoyed the process of designing the website and added a lot of interactive effects and details. After the project, I also reflected on it. The need to listen to songs and order albums through the website is not a rigid need for Chinese users. This project belongs to the experimental design in the completion of the UX course.

通过这个项目深入学习了Adobe XD的使用,加深了对响应式网站的了解。出于对周杰伦的喜爱,很享受设计网站的过程,也增加了许多交互动效和细节。 项目结束后也有反思,通过网站试听歌曲、下单专辑的需求对于中国用户来说并不是刚需,此项目属于完成UX课程中的实验型设计。

bottom of page