interaction| game design portfolio

Page 1

Mathew Sebastian Interaction & ui Design

P.G industrial design National Institute of Design Paldi , Ahmedabad India 38007 mathew_s@nid.edu m.everything@gmail.com +91 93 750 34 705


application design

application design iphone/ovi store The brief was to understand the needs of the developing economies 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. This was a 2 week course on multi sensory design.

1 Options to customize different times zones / markets an interaction options.

2 Live streaming of news and analysis, and flash news

1

Desktop icon

1

2


application design

Process of the ui design Design concerns User study was conducted among the potential users, ESP young business pros and business students. The personas of the potential users were created . User requirements The internet and other resources has an n number 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 understating. Scope The medium of interactivity is increasing ESP in the 3rd world , the emerging economies are will be using the new technologies and this will be a mass market for these interactive tools

Application process

Brain storming session

Design proses

Information chunking

News page


user interaction

web user interaction project

Modified user interface

ui 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.

c

NID site The 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 according to the proximity and closure. And several modern web trends been considered like the social networking / news sharing sites, organized input and highlighted contents etc.

Highlighted Contents

Organized Input tab

Projected new site

Input tab

Info architecture


user interaction

Web User interaction project

1

ui design project

1

.

2

The tab was designer according to the user needs, information links/ chunks were categorized according to relevance and placed under a drop down menu.

c

3

2

Task analysis and user requirements were pointed on a need of this type of interaction. The earlier site had many difficulties in the information arch, now it is tried to be simplified and placed according to the user needs

3 organized input tab

p

info architecture intput tab Information architecture (IA) samples

Home


multi sensory experiance

navigation system/multi sensory design The project was to understand 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 navigated 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 interactive flash simulation and the mock ear gear also made as part of this project.

signage embedded with audio transmitters


Multi sensory experience

Many people with serious visual impairments can travel independently, using a wide range of tools and techniques. The idea was to develop a tool to help the people with visual impairments to travel safely, confidently, and independently in the home and the community. 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 public system/ spaces. This was a concept level project, and was described through an interactive presentation.

Process The idea was to generate a concept for a device which uses different technologies and produces a multi sensory out put User study First 4 days I worked on understanding the methods of commuting of the blind, in a systemized space, like malls, public offices. And I tried to understand the user requirements. Market study This phase I studied about the available products and tools related to this problem. Mapping of the data, and concept generation The data gathered from the surveys/interviews were mapped and different concepts were generated during this phase. And the wireless connectivity device was the selected, and developed. And for the submission, an interactive presentation was made explaining the scenario and solutions.

signage embedded with

EXIT

Audio signal Sounds

Graphical scenario


game design

crazy lab

flow charts |

educational 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.

Start/Stop

Carrier

lab 2

12:34 PM crazylab

http://crazylab.nid.edu

click on saliva

curser is testtube

yes

clicked?

no

no 3 times?

yes

drag to flask

on

dragged?

c

blink cue

no/or something else

Scenario saliva in flask

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.

click on shake button

clicked?

no

yes splash it the face

play

stoy

blink reference

exit

flash simulation

no click

Display reference options

partying pro

flow chart shows different steps in the

flow chart

action keys


game design

crazy lab

the development The game Interacting with the lab and handling the different elements 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

c these are the initial interaction concepts, on different buttons and movements in the screen.

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 accessory to the study material, or a web based interactive educational portal.

user interaction


game design

Character development The game has 2 major characters the professor dhadi wala and his assistant. 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. Game The player is asked to do the role of the student and help the professor to understand different materials and categories them. The professor gives different clues the will help the student to develop the his/ her skills.

charectors

Final product The final out come of this project was a game document. In which screen shots, characters and flows charts were described. clue links

game flows


product design

little longer simple 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.


form and motion

logo and accessory design

logo options suggested

mahindra war room The brief was to come up with logo ideas for a creative and dynamic debate of a multi national company . 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.

| war room august 2008

momento

| war room aug 2008

KITE M, THE IDENTITY 2 The basic concept of this identity is from kite the joy of kite ying, 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!


design / project management

volhou Design management project This project was aimed at developing systemic approach on design/product developing projects. The brief was to develop a brand/identity and deign a business plan for the developed identity/company. 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 created by my group during the course, volhou mean to persist in Afrikaans. The idea was to develop a deign policy on sustainable interactions.


graphics & illustrations

extra works these are some of my extra works on graphic design and illustration.

logos

peacechild

kuravilangad, near village office, kozha, 686640. ph. 9387712992

ref

date


graphics & illustrations

extra works Invitation card for a product launching event

kuravilangad, near village office, kozha, 686640. ph. 93877129

ref

Initiated by kottayam ICPF with NewLife

a

?

Rty

h tes pa

Delight 2009 New Year Special Music Fest CSI ASCENSION SEVANA NILAYAM Behind Med:College Bus Stand Gandhi Nagar 7/01/09 4 - 6 pm

. Contacts 9447523876,9447231330, 9747470106,9495233693

date


graphics & illustrations

extra works Promotional concept flyer for a teashop net work.


graphics & illustrations

extra works Flyer for a youth festival


photography

photography I love the idea of framing the visuals. Framing them in compositions where I can add meanings to it..


resume

Mathew Sebastian Industrial design P.G Toy and Game Design National Institute of Design Paldi Ahmedabad mathew_s@nid.edu m.everything@gmail.com +91 9375034705

major projects crazy lab educational 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 deOBJECTIVE To provide professional ,inspiring designs with a commitment to quality and time efficiency. The pursuit of life long learning in all spheres. Experience Freelance Designer - 2 years in Web,Animation and Graphics Qualifications BA psychology from MG University MSc psychology majoring organizational behavior from MG University PG Diploma in Game Design 4th sem, National Institute of Design Ahmedabad Area of interest Game Design,User Experience Design,System Design,Information Visualization,Interactive media, GU I, Software skills Adobe Photoshop,Illustrator,InDesign,Adobe Flash,HTML.

sign The project was to understand multi sensory experiences in design. web

user interaction project ui 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 design iphone/ovi store The brief was to understand the needs of the developing economies 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..


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.