UX/UI Design

Web design

for the festival: Fall In_Dream

Challenge: Introduce the festival to offline people and let offline people join the show.

Group Project: Kaiwen Tao, Katie Zhao, Sherry Zhou

Role: Visual Designer, Ui designer

Custom Preset Copy
Desktop-3

WEB GUIDE LINE

Count: 14
Offset: 156px
Width: 68px
Gutter: 28px

25

HomePage

ezgif.com-gif-maker-copy-8

Includes the festival's basic information, such as location and time, to welcome people. 

Menu

After clicking the Menu button, it will show all the pages' names here. It links with "about," "artists," "ticket," and "products" pages. 

Landing-Page-New-1

About

About-02.-1

The "About" page shows the introduction of the entire festival, includes the theme and features. It uses a few words and pictures to talk about the festival briefly

Artists

Meet our 

Artist Page

The Artist Page introduces the artists who will attend the festival with the timeline and a few basic information. 

Artists-2

After picking the day of the festival, it will show the day's schedule with the attending artists. 

Artists-1

When hovering on the artists' names, it will show the artist's picture, allowing people to learn more about the artist. 

artists-info-18

PlayList

After people want to know the artist better, they can click it to learn more. And the introduction will appear with the playlists. People can play music to get impressions. 

This page will also show the artist's schedule at the festival, which can remind people of when the artist will start the show. 

Tickets

People can check different packages of tickets here. They can purchase the tickets depends on their willingness. 

12

After finishing the payment, it will go to the summary page. It includes the order number and the festival information. The e-ticket will be sent to people by email. 

16-1

After picking the ticket, it will go to the confirm page. It will show all the details of the order. The next step is adding payment information to finish the order.

( Making the purchase requires people to sign in to their account)

22

Product(e-shop)

Product1

The web also has an e-shop to sell the sideline range of products.

Product2

While hovering the picture, it will turn to another color to remind people of the product they are looking at. 

MacBook-Pro-10

Prototype

The prototype of the website, feel free to check it out~

004

App Design

for Fall In_Dream

Contact

New York City, New York, 10010
Phone: +1 347 735 0896
Email: taokaiwen.design@gmail.com
Linkedin: linkedin.com/in/kaiwentao/

© Kaiwen Tao
Product designer