interaction| game design portfolio
DESCRIPTION
user interface portfolio mathewsebastian.comTRANSCRIPT
Mathew SebastianInteraction & ui Design
P.G industrial designNational Institute of DesignPaldi , AhmedabadIndia 38007
[email protected]@gmail.com+91 93 750 34 705
application designiphone/ovi store
The brief was to under-stand the needs of the developing economies and come up with simple appli-cation ideas/concepts. The research part of the project was to understand the functioning of economies and index. And interac-tions of small mobile based applications.This was a 2 week course on multi sensory design.
Options to customize different times zones /markets an interaction options.
Live streaming of news and analysis, and flash news
Desktop icon
1
1
2
1
2
application design
Process of the ui design
Design concernsUser study was conducted among the potential users, ESP young busi-ness pros and business students. The personas of the potential users were created .
User requirementsThe internet and other resources has an n num-ber of business news. But the user always confused /uninformed about the markets. In the survey the users stressed on the fact that there should be a handy tool to handle all the informations and convert them in to visual graphics for and easy un-derstating.
ScopeThe medium of interactiv-ity is increasing ESP in the 3rd world , the emerging economies are will be us-ing the new technologies and this will be a mass market for these interac-tive tools
Design proses
Brain storming session
Information chunking
Application process
News page
application design
webuser interaction projectui design project
The idea was to understand an existing web site, and to develop it according to the modern heuristic principles of user interface and web design.
NID siteThe existing nid site was taken as the project and took it to a further level. Data on the site were arranged using information architecture principles. Grouped them ac-cording to the proximity and closure. And several modern web trends been considered like the social networking / news sharing sites, orga-nized input and highlighted contents etc.
Info architecture
c
Modified user interface
Organized Input tab
Highlighted Contents
Input tab
Projected new site
user interaction
Home
info architecture
c
organized input tab
intput tab
p
WebUser interaction projectui design project
.
The tab was designer ac-cording to the user needs, information links/ chunks were categorized according to relevance and placed under a drop down menu.
Task analysis and user re-quirements were pointed on a need of this type of interaction. The earlier site had many difficul-ties in the information arch, now it is tried to be simplified and placed ac-cording to the user needs
1
3
Information architecture (IA)samples
1
2
3
2
user interaction
navigation sys-tem/multi sensory design
The project was to un-derstand multi sensory experiences in design.
The audio navigation system was the out put of the project. This concept product was designed to help the blind to navi-gated in a space .The visual signs in the space are embedded with an audio signal transmitter and an ear device which is capable of receiving the signals and produce audio stimuli.
The project was described with the help of interac-tive flash simulation and the mock ear gear also made as part of this project.
signage embedded with audio transmitters
multi sensory experiance
Many people with serious visual impairments can travel independently, us-ing a wide range of tools and techniques. The idea was to develop a tool to help the people with visual impairments to travel safely, confi-dently, and independently in the home and the com-munity.The concept product is a receiver which can be used as a ear gear/head phone, and the system of audible signages fixed in the pub-lic system/ spaces.
This was a concept level project, and was described through an interactive presentation.
Multi sensory experience
signage embedded with
Audio signalSounds
EXITProcessThe idea was to generate a concept for a device which uses different technologies and produces a multi sensory out putUser studyFirst 4 days I worked on understanding the methods of commuting of the blind, in a system-ized space, like malls, public offices. And I tried to understand the user requirements.Market studyThis phase I studied about the available products and tools related to this problem.Mapping of the data, and concept generationThe data gathered from the surveys/interviews were mapped and different concepts were gener-ated during this phase.And the wireless connectivity device was the selected, and developed.And for the submission, an interactive presenta-tion was made explaining the scenario and solu-tions.
Graphical scenario
�ow charts |carbohydrate digestion
Start/Stop
lab 2
click on saliva
clicked? blink cueno 3 times?no yescurser is testtube yes
drag to flask
dragged? no/or something else
saliva in flask
flash simulation
splash it the face
blink reference
click
noDisplay
reference options
click on shakebutton clicked? no
yes
partying pro �ow chart shows di�erent steps in the carbohydrate digest game.
c
crazy labeducational game
Crazy lab is a small game design project. The brief is to understand different opportunities of game and interactivity in education and learning. The user group was identified as students from 7th grade to 11th.
Scenario
Scenario developed in the form of a lab and characters were interesting, a crazy professor and his assistant. The player is asked to role play the assistant and place chemicals in the right order to avoid prof’s anger.
on
Carrier 12:34 PM
crazylab
http://crazylab.nid.edu
play stoy exit
action keys
flow chart
game design
c
crazy labthe development
The gameInteracting with the lab and handling the different ele-ments is the game. Surprise elements are pop up any time, until the player does it correctly. When he finishes, its done. He learned how to play the stomach, this is the core idea
Scope
The projected market of the game was schools, students of 7th grade to 11th grade and their care takers. User study was conducted to understand the requirements of the users and scope of the product.The game could be a CD ac-cessory to the study material, or a web based interactive educational portal.
these are the initial interaction concepts, on differ-ent buttons and movements in the screen.
user interaction
game design
Character development
The game has 2 major characters the professor dhadi wala and his assis-tant. The characters has stereotypical behaviors/and identities of a professor and a student. And the scenario given was a lab situated inside stomach. This is supposed to give a feel of biology to the player.
GameThe player is asked to do the role of the student and help the professor to under-stand different materials and categories them. The professor gives different clues the will help the student to develop the his/her skills.
Final productThe final out come of this project was a game document. In which screen shots, characters and flows charts were described.
clue links
charectorsgame flows
game design
little longersimple product design
The main objective of the project to is to come up with an innovative design of a fun/play oriented product for toddlers. Based on the concept of motor balance.The prototype is made, and user test conducted. The final product is to be made in light weight plastic.
The product has a fun oriented /approachable character.It is chubby . the main objective is to make a furniture/product kids can hang out with all day. With multiple uses, a chair, table work space, play tool.
sit here
sleep here, play anywhere.
product design
| war room august 2008
KITE M, THE IDENTITY 2
The basic concept of this
identity is from kite the joy
of kite flying, the war. And
there is a deliberate try to
keep the mahindra look on
it.
The colors are
vibrant,shows power,
enthusiasm, opportunity,
youthfulness and pride.
the kite is in the sky of
opportunities!
| war room aug 2008
mathew sebastian
Digitally signed by mathew sebastian DN: cn=mathew sebastian, o=NID, ou, [email protected], c=IN Date: 2008.08.05 13:02:48 +05'30'
logo and accessory designmahindra war room
The brief was to come up with logo ideas for a cre-ative and dynamic debate of a multi national com-pany . The kite logo was created inspired from kite motion and movements. Colors are from the idea of gray and power, with respect to blue and youth fullness.
logo options suggested
momento
form and motion
volhouDesign management project
This project was aimed at developing systemic ap-proach on design/product developing projects. The brief was to develop a brand/identity and deign a business plan for the developed identity/com-pany. This includes the systematic development of products/designs and budget plan for the same.
The logo and other brand identities were created during this course. This work was done in groups developing team spirit also was the aim.
volhou, is the brand cre-ated by my group during the course, volhou mean to persist in Afrikaans. The idea was to develop a deign policy on sustain-able interactions.
design / project management
extra works
these are some of my extra works on graphic design and illustration.
peacechild
logos
ref date
kuravilangad, near village o�ce, kozha, 686640. ph. 9387712992
graphics & illustrations
extra works
Invitation card for a product launching event
New Year Special Music FestCSI ASCENSION SEVANA NILAYAMBehind Med:College Bus StandGandhi Nagar7/01/094 - 6 pm
.Contacts 9447523876,9447231330, 9747470106,9495233693
Initiated by kottayam ICPF with NewLife
Delight 2009
hates paRty?ref date
kuravilangad, near village o�ce, kozha, 686640. ph. 9387712992
graphics & illustrations
extra worksPromotional concept flyer for a teashop net work.
graphics & illustrations
extra works
Flyer for a youth festival
graphics & illustrations
photography
I love the idea of framing the visuals. Framing them in compositions where I can add meanings to it..
photography
OBJECTIVETo provide professional ,inspiring designs with a commitment to quality and time efficiency.The pursuit of life long learning in all spheres.
ExpErIEnCEFreelance Designer - 2 years in Web,Animation and Graphics
QualIfICaTIOnSBA psychology from MG UniversityMSc psychology majoring organizational behavior from MG University
PG Diploma in Game Design4th sem,National Institute of DesignAhmedabad
arEa Of InTErESTGame Design,User Experience Design,System Design,Information Visualization,Interactive media, GU I,
SOfTwarE SkIllSAdobe Photoshop,Illustrator,InDesign,Adobe Flash,HTML.
Mathew SebastianIndustrial designP.G Toy and Game DesignNational Institute of DesignPaldi [email protected]@gmail.com+91 9375034705
crazy labeducational game
Crazy lab is a small game design project. The brief is to understand different opportunities of game and interactivity in education and learning. The user group was identified as students from 7th grade to 11th
navigation system/multi sensory de-sign
The project was to understand multi sensory experi-ences in design.
web
user interaction projectui design project
The idea was to understand an existing web site, and to develop it according to the modern heuristic principles of user interface and web design.
Application designiphone/ovi store
The brief was to understand the needs of the developing econo-mies and come up with simple application ideas/concepts. The research part of the project was to understand the functioning of economies and index. And interactions of small mobile based applications..
major projects
resume