25
January 2020 esign P ortfolio Art, architecture, design Isabel Tan Kai Lin EMAIL: [email protected] MOBILE: +65 83119157 PORTFOLIO WEBSITE: WWW.ISABELTKL.COM Year 2014-2019

January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

January 2020

esign

Portfolio Art, architecture, design

Isabel Tan Kai Lin EMAIL: [email protected] MOBILE: +65 83119157 PORTFOLIO WEBSITE: WWW.ISABELTKL.COM

Year 2014-2019

Page 2: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

TABLE OF CONTENTS

WEB DEVELOPMENT

WEB-BASED APPLICATION

GAMING PROTOTYPE

LOGOS AND POSTERS

PRODUCT DESIGN

ABSTRACT MODELLING

ARCHITECTURE

ARTISTIC DRAWINGS

PAINTINGS

My Portfolio Website (Individual)

Easy Peasy Homefix One Pager Mockup (Individual)

CookIt Pte Lte One Pager Mockup (Individual)

SearchTree Prototype (Group Coursework)

Farm Wars (Group Coursework)

Hot-Pot Luck (Group Coursework)

Apostles Assemble (Individual)

Orbitus: 3-in-1 Multipurpose Baby-stroller (Individual)

A Study of Structure and Form (Individual)

Unity Temple by Frank Lloyd Wright (Individual)

Singapore Art Museum (Individual)

Several Charcoal Portraits and Ink Sketches (Individual)

Several Impressionism-styled Paintings (Individual)

Page 3: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

1. WEB DEVELOPMENT | MY PORTFOLIO WEBSITE (www.isabeltkl.com) | Apr 2019, Singapore

A personal hands-on project where I worked on HTML, CSS and JavaScript to build and host my first personal website from

scratch. This was where I first picked up the aforementioned programming languages on my own. The website contains sections

about myself, services and skills I can offer, my education background and work experience.

Page 4: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

Each section is supported with interactive JavaScript and WordPress.org’s plugins to provide fluid dynamics into the page

scrolling. Boxed contents are animated to appear when it gets scrolled through from the top of the webpage. The designs

are inspired from use cases of portfolio websites.

Page 5: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

Interactive skill progress bars are inspired by progress bars commonly present from video games (yes I used to play them

frequently!). My blog and portfolio sections are still a work in progress. I find light blue and white preserves a clean,

clear, professional and optimistically fresh look as a colour theme.

Page 6: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

2. WEB DEVELOPMENT |

COOKIT PTE LTD – ONE

PAGER MOCKUP

(http://cookitsingapore.strik

ingly.com/) | Jun 2017,

Israel and Singapore

CooKit is a personal business

venture started by a group of

3 undergraduates during my

NUS Overseas College techno-

entrepreneurial programme.

I created this one-pager

mockup website for my team

to conceptualise a meal-prep

catering service that came

with a technological twist

that monitors and provides

customized dietary

recommendations based on

the individual’s lifestyle and

dietary goals. Our bright

earthly colour scheme aims to

evoke a sense of

environmental mindfulness

and healthy living. My team

won a S$10,000 start-up grant

for a successful pitch of this

idea.

Page 7: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

3. WEB DEVELOPMENT

| EASYPEASY HOMEFIX

– ONE PAGER MOCKUP

| Jun 2017, Israel

EasyPeasy Homefix was

a preliminary attempt to

solve the issue of finding

good and affordable

referrals for small,

standalone home

maintenance service

providers (e.g.

handyman, painters,

plumbers, etc.) by word

of mouth.

A group of 3 of us

worked and tested on

this concept through

social media and this

one-pager website

during the NUS Overseas

College techno-

entrepreneurship

programme. We

discovered new findings

and eventually pivoted

to SearchTree from this

ideation phase.

Page 8: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

4. WEB-BASED APPLICATION | SEARCHTREE PROTOTYPE | Jul 2017, Israel

We subsequently pivoted this project into SearchTree after multiple surveying and research. SearchTree is a P2P marketplace

that aims to connect people on the grapevine for accessible word-of-mouth referrals of goods and services provided by

freelancers or independent businesses from multiple verticals. Our solution hopes to bridge information gaps of consumers

while helping small businesses grow their online presence organically. This project did not go live but it gave me the

fundamentals of prototyping a minimally viable product.

Page 9: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

Merchant users can register to list their business on the platform. Customers and merchants can reach out to one another

through the published contact details and/or private messaging chat box.

Page 10: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

Consumer users interact with one another by first to third degree connection of their social circle. The app provides review

and rating features that reflects grapevine recommendations specifically from the users’ social circle.

Page 11: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

5. GAMING PROTOTYPE | FARM WARS

| Apr 2016, Singapore

In my second year of undergraduate,

took an elective class on Design for

Interactivity where I created my first

interactive gaming prototype with

block-based visual programming

language, Scratch. It was my first

exposure to programming where I

picked up concepts on negative and

positive feedback loops, adaptive

difficulty, concept variables, and the

dynamism of gestural and multimodal

interactions to reflect artificial reality.

My first gaming prototype, Farm Wars,

consists of 2 game sets the player can

choose to engage with at any duration

of the game. My project partner

separately worked on the turnips

section while I worked on the ants-

elimination section of the game.

The ants elimination section involves

an adaptive difficulty element that

automatically increases the set volume

of ants to be clicked and eliminated as

the game level progresses.

Page 12: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

The ant sprites are programmed to move freely and randomly in all directions, within a confined area of the soil drawn out

in the above illustration. Each ant disappears at each ‘click-to-eliminate’ action taken. Clicking on the last ant will

regenerate a larger set of scurrying ants that restarts the game to a next level. This repeated interactivity involved some

pre-determination of mathematical probabilities and feedback loops.

Page 13: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

6. GAMING PROTOTYPE | HOT-POT LUCK | Jun 2016, Singapore

Hot-pot Luck is a 2nd group coursework from my Design for Interactivity class where my same partner and I worked on

developing a graphical simulator that simulates artificial reality of common human gestures through interactive typography.

Page 14: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

The simulator involves a hot pot with a

ladle to stir in alphabets, and a

barbecue pit with a controllable flame

to grill in letters.

I worked individually on the hot pot

section (1st slide) and drew the subjects

from scratch. The user gets to control

and move the ladle back and forth

while alphabets follow its

corresponding direction to display the

act of getting stirred around the pot.

Additionally, alphabets that are in

contact with the ladle will respond by

whirling itself through a feedback-

system. This gives more fun and

interesting dynamism to the artificial

cooking experience.

My partner and I love having hotpot

meals in Asian family gatherings.

Hence, this simple simulator was

inspired by our local dining culture and

we wanted to give a cartoonistic feel

that might appeal well to young users.

Page 15: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

The above describes our team’s analysis on the features of our cooking simulator that made it unique.

Page 16: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

7. LOGOS AND POSTERS | APOSTLES ASSEMBLE | Aug 2015,

Singapore

I designed the above poster and logo during my time as a Publicity and

Marketing Director for our freshmen orientation camp that I helped to

organize in 2015. This was done through Adobe PhotoShop and

Illustrator.

Our organizing committee had decided to go with the Marvel Universe

theme of ‘Avengers’ to leverage on its box-office move hype back then.

Therefore, these designs were improvised and inspired from the popular

movie. I adopted silhouettes of buildings and human figures to keep the

design simple but caricatured and profound with distinctive hierarchies

through its colour shades. It also gives a comic-book feel to the poster.

Page 17: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

8. PRODUCT DESIGN | ORBITUS 3-IN-1 MULTIPURPOSE BABY-STROLLER | Nov 2018, Singapore

I took up a Product and Brand Management business class where we ideated and developed a baby-stroller prototype, Orbitus.

The product concept aims to work as a stroller, a detachable baby car-seater and a highchair for dining with babies. My team

brainstormed this idea together and I personally designed and hand draw this blue print by pencil and ink.

Page 18: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

9. ABSTRACT MODELLING | A STUDY OF STRUCTURE AND FORM WITH PVS

FOAMBOARDS | Nov 2014, Singapore

I was formerly an undergraduate student of architecture before I made a tough decision

to switch majors. Nevertheless, architecture school gave me a solid foundation in

understanding space, form and structure through the iterative models we worked on

individually. In architecture, we strive to harmonize these elements with its surrounding

context to achieve a certain mood and tone, such which is similar in practice for UIUX.

The following transitional models are crafted in PVC foamboard with a general 30cm x

30cm x 30cm dimension.

Page 19: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

Hand-drawn

sketch and

modelling of

pyramid

interpretations

in planar,

volumetric and

skeletal form

Page 20: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

Inverted pyramid interpretations

of structure in linear

(volumetric) hierarchy vs

multiple (planar) hierarchy

An inverted pyramid gives more

avenue for open interpretations.

Human are cognitively geared to

interpret subjects from top-

down. Hence, such orientation

gives more illusionary weight to

the model from the top and draws

additional perspectives to the

elements that stand out as

cantilevers to distinguish

hierarchy

Page 21: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

10. ARCHITECTURE | UNITY TEMPLE BY

FRANK LLOYD WRIGHT & SINGAPORE ART

MUSEUM (hand-drawn in pencil and ink) |

Sep 2014, Singapore

In my short architecture stint, I also had to

conduct architectural analysis of floor plans,

sectionals and elevations. We learned how to

render designs thoughtfully and logically to

convey specific messages we want to show.

I studied the Unity Temple from Oak Park,

Illinois and one of our local old British colonial

buildings, the Singapore Art Museum. The

following are hand-drawn renderings of the 2

architecture that highlights my various

observations.

These analyses served to provide me an

understanding of how space, form and

volumes interact and transform to evoke

specific mood themes. In the case of Unity

Temple, its fluid volumetric form is elemental

to the solidarity, fortitude and grounded-

spirituality that signifies a strong and stable

church. The curvatures and distinctive

hierarchies with golden ratio elements in

various sections of the Singapore Art Museum

delivers a of sense of embrace and

supremacy.

Page 22: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game
Page 23: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

11. ARTISTIC DRAWINGS | SEVERAL

CHARCOAL PORTRAITS AND INK-

SKETCHES | 2014 – 2019, Singapore

On a sideline, I enjoy sketching portraits

and single subjects in charcoal and ink.

These are some sketches I did casually.

Page 24: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

12. PAINTINGS | SEVERAL IMPRESSIONISMS -

STYLED PAINTINGS | 2014, Singapore

Some paintings I did in the past

Page 25: January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to reflect artificial reality. My first gaming prototype, Farm Wars, consists of 2 game

2019- Copyrighted.

Created by: Isabel Tan Kai Lin

(Email) [email protected]

(Mobile) +65 83119157

(Personal Website) www.isabeltkl.com

(LinkedIn) https://www.linkedin.com/in/isabeltankl/