Yujia's Graduate School Portfolio

01

o

r t

f

o l

i

o

Yujia Li - Fall 2019 Master of Interaction Design lyuja64@163.com

Shijing 2018 Book Branding Package

04

SLEEPWALKER 2018 Social networking App design

03

The Lake House 2015 Summer Studio Design

02

Ark Contemporary Museum 2016 Thesis Architecture Design

p

ARCHITECTURE

ARK CONTEMPORARY MUSEUM 317 East Broadway Columbia MO ARK Contemporary Museum designs to be a multifunction institutional facility serving both the University of Missouri Columbia and the City of Columbia by providing a dwell of culture and arts. The building concept depicts a scenery image from Genesis 6:14-16, Noah’s Ark, the grand vessel carried with lives and human civilization survived in the floods; it came to a stop in a city of Midwest after miles of obstacles and shifted itself to a significant landmark along with the development of the city.

Assembling by four major components, the museum building, has its architectural gesture resembling the grand vessel from Noah’s Ark. Each component has its designated exhibition purpose. The highlighted design features include the grand staircase, the major entrance of the building; the ground level cafeteria, an inclusive public space for gathering and resting; the central staircase, reinforced by suspended wood slats, navigates the circulation between floors; lastly the auditorium, tuning under the cutting-edge acoustics guidelines, provides 300 occupancy space for large public events. Skylights are integrated seamlessly with a structural frame. These natural light features forged a tight bond between spa ce and structural envelop while shaping a unique exhibition experience through the form of the building.

01 01 / Connection:v

02

03

04

03 / Enjoyment:

Wood floating stairway

Downward staircase as a welcoming open public area

02 / Auditorium: Largest space in the museum with acoustic panels

04 / Exploration: Interlaced exhibition wall to introduce the interest of interior space

01/12

ARCHITECTURE

02/12

02

01 / Ground Lobby:

Public cafeteria Suspended wood staircase

01

02 / Exhibition Area:

Skylight Interlaced exhibition wall

03/12

ARCHITECTURE

THE LAKE HOUSE

The Lake House is located on wide open waterfront property on the west shore of Union Lake Michigan.

Views from the site stretch across the bay to encompass the skyline of the white lake charter township and the community on the north shore of the lake. Beyond, the house is organized with living spaces below ground, and 4 bedrooms, study, and lap pool above. The pool, with terraces at each end, runs along the entire west side of the house.

01 / Garage 02 / Laundry Room 03 / Bathroom 04 / Powder Room

04 06

05

07

02

01

03

05 / Kitchen Area 06 / Dinning Room 07 / Living Room

N

07

01

02

03

04

05 06

ARCHITECTURE

05/12

01 / Master Bedroom 02 / Walk-in Closet 03 / Master Bathroom 04 / Guest Bathroom

05

04

05

05 / Guest Room 06 / Infinity Pool 07 / Terrace

Elevated Layers | 360° Full View | Interacted With Landscape | Infinity Pool | Private Property

ARCHITECTURE

06/12

Oak

Concrete

Maple wood Grain wood

Wool rug

Gray fabric

Sleepwalker Meet up your soulmate while 'dreaming'; Pour out depression or happiness mood without burdens; Choose to erase or memorize your 'dream' after 12 hours; Let's awake your new day!

08/12

SLEEPWALKER

explore whatever moves you

SLEEPWALKER Blue-violet color depicts unexpected fascination of the dreamA clean, hard and angular line portrays the spirit of explorationBehind the Logo, the symbol expresses the fundamental concept of the app development, a journey of discovering our deepest desire inside.

match by interests 3D Searching Interface

SLEEPWALKER

09/12

SLEEPWALKER Wireframe a. App start page b. Welcome page Daily picked quotes or poems c. Log in page Connect with social networking apps to collect interest data

Description Sleepwalker is an app that matches strangers based on their common interest rather than instant visual attraction. Users will tap like or unlike after 12 hours conversation, the system will automatically save the liked ones, and erase the unliked.

The Sleepwalker optimizes our social lives, prioritizing contacts that are more likely to be matched. a d

b e

c f

g

h

Fonts 1.Candara

2.Ailerons

Color Pallete d. Sign up page e. Select interests by icon f. Loading page with 3D rotating key words g. 3 matched users according to previously collected data of users’ interests h. 12 hour chat page

Iconic warm gradient color representing sunset to sunrise. Infused with vitality green and calming blue to polish the daily achromatous dream.

HEX: #768CC6

HEX: #F8B195

HEX: #3B589A

HEX: #F67280

HEX: #293E77

HEX: #C06C84

HEX: #141F3F

HEX: #6C5B7B

HEX: #0D1023

HEX: #355c7d

CLASSIC OF POETRY

10/12

诗经

The Classic of Poetry The Classic of Poetry (Shijing) is widely known as the oldest existing collection of Chineses poems and the time ranges approximately from 1100 to 700 B.C. it is divided into three parts: Feng(Airs), Ya(Odes), and Song(Hymns), incorporate the oldest cultural characteristics as well as the social morale of the state from which the poems were collected.

It is also demonstrated as a cultural heritage that Shijing is still a part of the learned discourse and even everyday language in modern Chinese.

Therefore, it is my biggest motivation to design this ancient book from a contemporary perspective to encourage young generations to appreciate those beautiful words and understand the story behind sentences.

Fonts: 1. Cambria 2.汉仪细秀体简

HEX: #223E3E

HEX: #518CBD

HEX: #BB613E

HEX: HEX: #D99846 #DAD6D6

CLASSIC OF POETRY

11/12

12/12

CLASSIC OF POETRY

风 · 雅 · 颂

风 · 雅 · 颂

风 · 雅 · 颂

02 01 / Shijing Customized Tote Bag 02 / Page Bookmarks:

Golden Iconic patterns at the front side Strokes of Shijing(诗经）at the backside

01