January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to...
Transcript of January 2020 Year 2014-2019 esign Portfolio...dynamism of gestural and multimodal interactions to...
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
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)
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
The above describes our team’s analysis on the features of our cooking simulator that made it unique.
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.
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.
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.
Hand-drawn
sketch and
modelling of
pyramid
interpretations
in planar,
volumetric and
skeletal form
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
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.
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.
12. PAINTINGS | SEVERAL IMPRESSIONISMS -
STYLED PAINTINGS | 2014, Singapore
Some paintings I did in the past
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/