Chennalin Portfolio

Page 1


Lin Chen-na


01 UI

Talentzy

06

13

Bla

14

17

Furnish

18

21

02 Graphics

03

Hsiao Chueh

24

27

Bla

28

31

Value of Money

32

33

90's Hong Kong

34

35

GUI & MG Furnish & Bla

38

39

Talentzy

40

41



- Talentzy - Bla - Furnish


1


# Career

# Web Tool

#Job

Talentzy Land your dream job & Find the right talents

T h e s e t wo s e n te n ce s a re t h e s lo g a n s o f Ta le n t z y. T h e re fo re , the goal of Talentzy is helping talents to find the right job and giving hand to enterprise to find their right talents. So far it’s a website. Mobile web and APP is our next step.

7


“Talentzy� This website contains two parts individual and enterprise user. Individual Part is focus on providing user create their own resume. The other pages is supporting users to know how important to making themself as 8

a brand. And the main function of enterprise part is helping user in recruiting process and building their company brand.


99


{ Individual }

10

This part is devided into three funtions - Create Resume, Career Coach and Jobs. Our purpose is that making users build themself as a brand through resume. Because resume is our first impressions when we find a new job. As a result, we guide users how to write resume appropriately by using step by step tips.


JOBS Provide jobs by your preference.

Create Resume Step by step to write down user’s resume.

Career Coach A platform to provide information about jobs career and a social media. 11


12

This part is devided into three funtions - Create Resume, Career Coach and Jobs. Building themself as a brand by resume is our purpose. Because resume is our first impressions when we find a new job. As a result, we guide users how to write resume appropriately by using step by step tips. Career Coach and Jobs these two function are assistants for users.


Recruiting Process Recruiting page provides a form of recruiting process. And clicking every number comes out the candidate. Moreover you can see t h e re s u m e w h i c h c h o s e n b y clicking each candidate.

My Company This page is for enterprise user to create their own branding productpage.

13


2 14


Bla. New way to keep in contact Bla is a app base on “yo”.

I t ’s a n e w w a y t o c o n t a c t w i t h

friends. Not only send sounds but also photos, GIF. When you record a sound and send to others, the phone which received your message will come out the sound you record. (If you send meow, the phone will come out meow.)

# Fun

# Friends

#Sound

15


What's Bla There are two main funtions on bla - Sound and Camera ( or GIF ). When you on the sound list page ( you have to make your own sound first ), there are two things you can do -

Slide and Click each sound cube. -

16

01.slide the cube can directly send to your friend. 02.click each sound cube will come out the camera page. You can send sound with photos ( by camera or your cellphone library ) to anybody you want. When you miss your friends, just using Bla !


Sound List When finger slide to the left it will come out the friend list.

Record Use “+� button to record new sound. And then name it !

Camera Bla can not only send sound! There are three choices for you - Library, Camera and GIF.

17


3 18


# Furniture

# Decorate

# Home

Furnish Fu i n i s h i s a t o o l t o f i g u re o u t t h a t h o w m y f u r n i t u re w i l l be in my house. It also contains furniture shops. When you find something you like, you can save it and see how your room will be if you have it. It’s a O2O app. You can buy any furniture online and send it to your house.

19


When you are in this app, you will see the camera which catch the scene on this moment. After that, you can go to the online shopping platform choose any furniture you want and "like" it. Next, the thing you like will be listed on the Order List. On the camera page, there is a category bar, clicking each one of it will come out your favorite on that category. Afterwards, you can move the camera on the spot that you want to place your furniture.

20


Main Page The pink line is category bar. Click each category will come out the white bar. You can slide on the bar or upsite of screen then the furniture will change.

Order List Every piece of furniture you like will list on this page. It contains your shopping informaitons such like price, addressee and product info.

21

Info When you on the main page, clicking the object twice the product info would come out. There is a “buy� button. When you wanna buy then you can buy it immediatly.


- Hsiao Chueh - Salu - Value of Money - 90's Hong Kong



# Eastern

# Exhibiton

# Digital

24

hsiao chueh Digital Installation Art Exhibition ( Key image, poster, invitation ) H s i a o C h u e h i s a d i g i ta l i n sta l l a t i o n a r t ex h i b i t i o n . H s i a o Chueh in chinese means the conscious in our life and the i n s p i ra i to n i n o u r d e s i g n p ro ce ss . C re a t i n g n e w w o r k b y part of our own experience of life.


25


26


27

Design Concept With a little classic eastern style literally, these two words "Hsiao Chueh" brings me some inspiration. Because the content of this exhibition is digital art which is modern. As a result, I use this ambivalent feature as my start. Diffrent from usual, I use colorful vector image instead of black and white ink-painting which is the stereotype in chinese.


# Camp

28

# Cult-film

# Event


This is a camp for freshman in our department. The title Ming Shing Sha Lu Shuei is inspired from a chinese perfume named ming shing hwa lu shueh. Because the tone of this camp is based on cult film, from games to visual, custumes, all of it.

29


30

Design Concept Due to cult film tone, the poster gives the camp a weird opening by using hand painted illustrations and straightforward symbols such like binding rope, suspended man, pool of blood, forest and the main character on this camp - deer. Using these elements to build a mysterious atmosphere.


31


32


< Digital Installation Art Work > < Value of Money > is a digital installation art work theme. Because it talks about money, I use a "$" symbol to design this poster. Moreover, I divided this symbol into two parts - means adult and children are on the two sides.

# Furniture # Decorate # Home

33


90's Hong Kong < SCCD Movie Theater > 9 0 ' s H o n g K o n g i s a m o v i e t h ea t e r l b e h e l d e v e r y m o n t h b y 34

S CC D . T h e p u r p o s e i s m a ke t h e st u d e n ts o n t h i s d e pa r t m e n t

watc h i n g e v e r y c l a s s i c f i l m . M o v i e i s fo r m e d o f e v e r y f i e l d o f

a r t . T h e y ca n b e i n s p i re d b y t h e f i l m a n d b u i l d t h e ba s i c o f aesthetics.

# Movie # HK # 90's


35



-Furnish - Bla - Talentzy


Category bar

Choosing box

38

Progress line

Add button

Screen shot button

Buy it button

Furniture Icons


icon

name bar

camera bar

39

toggle

record


1. GUI (graphic user interface)

Recruiting Bar

Toggle

Alert icon

Sorting

Resume icon

Search Box

40

Recruing Status Button

Guiding Box

Input Box


2. Motion Graphic | Character Design The main purpose of this motion graphic is that a good resume is just like a right outfit on the right place. As a result, I create 3 charaters in this video. When the background changes, the outfit will change

3 Characters Casual

Banquet

Commuter

41


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.