Transcript
Page 1: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

Page 2: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

INTRODUCTION

Education

National Institute of Design, Ahmedabad | New Media DesignJune 2008 - 2010Karnataka Chitrakala Parishath, Bangalore | BFA, Applied Arts2002 - 2007AnsarEnglish School, !risur, Kerala | 10 +2

Experience

User Experience Lead | Feb 2011 - PresentMindTree, BangaloreProjects:Unilever OPSO - HD (Global Trade Promotion App)POCs for American-Express iPhone & iPad ApplicationsLakshmi Villas Bank - Internal Applications

User Experience Design, Intern | Feb-Aug 2010 (NID Dip Project)InMobi, BangaloreDesigned a Smart phone interface for Neo (InMobi’s mobile advertising portal) called ‘SmartNEO’ a!er relevant user research. "is will help the Advertisers and Publishers to perform the relevant tasks on the go. A High #delity prototype of the iPhone App was made and tested.

Jr. Interaction DesignerSymphony Services, BangaloreAugust 2007 – June 2008 (11 months)Worked with the Design Team of Oracle | Hyperion. "e team designed solutions for so!ware interactions on Oracle | Hyperion Products across disciplines of Business Intelligence and Enterprise Performance Management. Also, prototyped and orchestrated design e$orts on future technology concepts for BI applicationsHelped me to study the interaction design process in detail.

About Me

I am a keen observer with innate leadership qualities , multitask-ing capabilities, excellent graphical, analytical and logical ability.Fast learner with desire to constantly update my current set of skills. I am not afraid to take risks or to make mistakes but i make sure not repeat them.I am 100% commi%ed, a%entive to detail and relentlessly tenacious towards any task undertaken

Area of InterestsInteraction Design, Design Research, Branding &Identity, Film Making , FineArts, Photography

Technical Skills Design Tools Adobe Creative Suit CS5 | Photoshop, Illustrator, InDesign, Flash, Dreamweaver, A!ere$ects, Premier, 3ds Max, Final Cut ProOperating Systems | Snow Leopard 10.6, WindowsProgramming Tools | C++, Basic Action Script

Honors and AwardsFinalists (Top 6) at USID 2009 Conference (3rd international HCI Conference) in the category of Academic Showcase (Project: E-wall)

Page 3: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PROJECT | SmartNEO- iPhone App for the InMobi Mobile Ad Network

Project Brief

Design a Smart phone interface for Neo (InMobi’s mobile advertising portal) called ‘SmartNEO’ a!er relevant user research. "is will help the users to get the relevant information about their Ads and Sites on their Smart Phones.

"e Project included the following modules1. Studying InMobi advertising domain and the existing InMobi web portal. A!er relevant user research #nd out the need for the SmartNEO and what are di$erent tasks that di$erent stakeholders of SmartNEO might perform on a mobile interface on the go.2. Came up with smart phone interface(Prototype) for InMobi portal. 3. Also must researched about all the controls and pa%erns that are technically and visually feasible in the iPhone.

Design Philosophy:

Clean interfacesUser should never feel lost in any context Only the relevant information on the screensRight information to the right user

Diploma Project Duration: 6 MonthsSponsor: InMobi, Bangalore

Smart Neo

Page 4: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PROJECT | SmartNEO- iPhone App for the InMobi Mobile Ad Network

Pranav (Publisher)

Key Publisher

Often go for business trips

Fetches InMobi’s data from the network thorugh APIs given by the InMobi and

uses in their own Applications to analysis

Very Techy

Uses Laptop, iPad, iPhone

Using 3G mobile internet connection

Tasks done on the go

Messages and alerts

View Ad Requests, Ad impressions, Clicks, Net Earnings

persona

04

Akash (Advertiser)

Account manager in Ring Ring Media - Non-Indian

High Spend Advertiser

Regular advertiser with InMobi

Uses separate tracking tool for checking his ad performance

Often go for business trips

Assistance for the ad performance

Media Consumption

Very Techy

Uses Laptop, iPad, iPhone

Using 3G mobile internet connection

Tasks done on NEO

Tasks done on SmartNEO

Other Proposed Tasks

persona

01Akash

Advertiser

Account manager in XYZ

Ajay (Advertiser)

Freelance consultant, Dizzi

Low Spend Advertiser- New to InMobi

Often Travel??

Not frequent advertiser with InMobi

Self reporter

Media Consumption

Very Techy

Uses Desktop, Nokia

Tasks done on the go

SmartNEO Messages and Alerts

View Ad spend, CTR, Return on Investment

Scenarios

persona

02

Pritham (Publisher)

Freelance consultant

Small Size Publisher

Often Travel??

Not frequent advertiser with InMobi

Self reporter

Media Consumption

Very Techy

Uses Desktop, Nokia

Tasks done on the go

Messages and alerts

View Ad Requests, Ad impressions, Clicks, Net Earnings

persona

05

Ankit

Sales Manager

InMobi, Bengaluru

Often Travel??

Not frequent advertiser with InMobi

Self reporter

Media Consumption

Very Techy

Uses Desktop, Nokia

Tasks done on the go

persona

08

Murari

Admin, Publisher Front

InMobi, Bengaluru

Travel a lot, Trecking and Phtography

Regular advertiser w

ith InMobi

Uses separate tracking tool fo

r checking his ad performance

Self reporter

Media Consumption

Very Techy

Uses Laptop, iPad, iPhone

Tasks done on the go

persona

09

Rajani Campaign ManagerInMobi, Bengaluru

Often go for business tripsRegular advertiser with InMobi

Uses separate tracking tool for checking his ad performance

Assistance for the ad performanceMedia ConsumptionVery TechyUses Laptop, iPad, iPhone

Using 3G mobile internet connectionFrequently Used Tasks

Wap Ad, Advertiser Funds, Account managements , Market place settings,

Advertsing Agency Commissions

persona07Pritham (Publisher)Travel a lot, Trecking and Phtography

Regular advertiser with InMobi

Uses separate tracking tool for checking his ad performance

Self reporterMedia Consumption

Very TechyUses Laptop, iPad, iPhone

Tasks done on the go

Messages and alerts

View Ad Requests, Ad impressions, Clicks, Net Earnings

persona06

Anand(Advertiser & Publisher)

High Spend Advertiser

Travel a lot, Trecking and PhotographyRegular advertiser with InMobiUses separate tracking tool for checking his ad performance Self reporter

Media ConsumptionVery Techy, Using Nikon D300Uses Laptop, iPad, iPhone

Tasks done on the go

How much of money he is spending for his Adsand camparison of his spend with yesterday and week etcIf the campaigns are not performing well; then he would pause it.How much money he is earning from his sites Will Look in to both Advertiser and Publisher Reportsand will act upon it.

persona

03

Understanding NEO

Understanding the Users

Understanding Mobile Ad Network

Selection of Tasks for SmartNEO

Information Architecture

Personas Creation

Understanding of iPhone Platform

Design Translation

Wire Framing

Study of Similar Apps

Prototyping + Concept Testing

Design Process

Page 5: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PROJECT | SmartNEO- iPhone App for the InMobi Mobile Ad Network

Screenshots of the Proposed iPhone Application-SmartNEO

Slide to Pubisher Landing pageSlide to Pubisher Landing page

Account Details | Login as a Di!erent UserAccount Details | Login as a Di!erent User

username_sampleusername_sample

Terms | Copyright 2010, All Rights reserved

News Room Blog FeedBack

Add FundsAdd Funds

55AdgroupsAdgroups

MoreDashboard Campaigns ReportsReports

Add FundsAdd Funds

55AdgroupsAdgroups

MoreDashboard Campaigns ReportsReports

Ad Spend 13456346

Impressions 13456346

Clicks 6346

CTR 6346

eCPC 6346

Ad ImpressionsAd GroupName 01

80 K

70 K

60 K

50 K

40 K

30 K

20 K

10 K

00 K

01April

1413121110

April

0908070605040302313029

Ad Impressions

07 Apr 2010, 01:00 PM

Ad Impressions

Ad Impressions

80 K

70 K

60 K

50 K

40 K

30 K

20 K

10 K

00 K

01April

1413121110

April

0908070605040302313029

Ad GroupName 01 03 Apr 2010 - 10 Apr 2010

Page 6: Portfolio Ramshi Hamza

A web enabled interactive wall placed in Historical sites where visitors can leave their messages forever and also retrieve them later. Every day, historical sites are visited by thou-sands. As they seek to experience their majestic splendor, most visitors want to take their memories back home. But some leave mes-sages on the monuments and destroy their beauty.E-wall reduces the scribbles done by the public on the monuments and brings energy to these dead spaces.

Watch the concept video: http://vimeo.com/8244648

PROJECTS | E-Wall

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

Page 7: Portfolio Ramshi Hamza

Iterations

Mental Models

Field Research

Findings & Analysis

Domain Research

User Study - Participatory Approach

Concepts

Technology Research

Task Analysis

Visual Design

Working Prototype

User Testing

Final Prototype

Field Research Findings & Analysis Domain Research User Study Concepts Design Process

Domain Understanding

IdentifyingProblems

Target Audience

ResearchCase

Studieswebsites

ResearchPapers

Modera Temple

Adalaj, Gandhinagar

Diu Fort, Diu

Rani Ki Vaav, Patan

People leave messages as their memories Gra!ti destroying historical beauty

User study in Adalaj,Gandhinagar with a participary approachInterviewsPhotos Video Footage Notes

Digital Wall

Digital Pillar

PROJECTS | E-Wall

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

Page 8: Portfolio Ramshi Hamza

Visual Design ExplorationsVisual Design Explorations

Design Process

working prototypeSQL server as back endVC#.net as front end

Capture

Touch Screens

Touch Screens

Face Recognition

Data Flow Diagram

UI Iterations

Technology Task Analysis Visual Design Working Prototype Final Prototype

Watch the concept video: http://vimeo.com/8244648

PROJECTS | E-Wall

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

Page 9: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PROJECTS | Design solutions for Online conferencing

DesignOpportunities

The objective of this project was to study and visualize the Vision Plus 2010, (International Information Design Confer-ence) and find out design opportunities to make the experience of the Pre-conference, On-conference and Post-conference better through the new technologies and New Mediums.

Design ProcessInformation gatheringSystem designScenariosDesign opportunitiesBrandingDesign solutions through FM TransmitterWeb ApplicationInformation architectureWireframingScreen Shots

Page 10: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PROJECTS | Design solutions for Online conferencing

Rest Room

Speaker

FM Transmitter

Users

Camera 03Camera 02

OnlineAssistance panel

onconference user using Panels in the breaktime

From O!ce From Home

online user attending the Live online conference through internet

Camera 01Server

Tea Time

visionplus 2010 Design solutions Map

This map explains about the di"erent users watching the conference through di"erent channels. When speaker talk, onconference viewer watch it. This system helps the people who are watching from home to ask questions to speaker and get the answer directly from the speaker.It is #ltered by a Online Assisting Panel. The systems put up outside the conference hall helps the online viewers to make video chat and make contacts. FM tansmitters with di"erent channels of the di"erent stages are placed so that onconference audience wont miss any thing. Online viewers have options to see the di"erent camera angles of the speaker and also have option to write notes, chat with the other viewers.conference videos can be viewed again from AchiveVision.

Page 11: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PROJECTS | Redesigning Projector-Remote

Laser Light

Touch pad

Right Click

Left Click

Mute

Freeze

Menu

Setup

Escape

Input

Power Button

Projector mode Indicator

| Projector Remote - Mouse

SLIDE UP

L - CLICK R - CLICK

VOL +VOL -

7.5mm

100mm

97.5mm

8mm

50mm

45mm

ESC

4mm

6mm

5mm

7.5mm

VOL +VOL -

8mm

18.5mm

ON/STANDBY

6mm

PJ MODE

3.5mm

ON/STANDBY

PJ MODE

ESC MUTE

INPUT SETUP MENU

FREEZE

SLIDE UP

L - CLICK R - CLICK

VOL +VOL -

37.5mm

97.5mm

20mm

100mm

Design ProcessStudied and Analysed excisting Projector-RemoteFound problems and gave solutions such as intergrating Trackpad-mouse to the Projector-Remote considering ergonomics

Page 12: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PROJECTS | Anti Smoking Campaign through New Media Installation

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

Smoking Zones in offices, HotelsNear Cigerette shops

PlacementsA human sizeDimensions 1:3 Prototype of Installation

This Interactive Cigerette lighter is placed mainly in Smoking zones. It creates an awareness about the effects of smoking to smokers and people around. The interac-tivity of the installation interests people and they will make videos of it and start sharing with their friends through differ-ent channels like Mobile, Web etc.. Thus it also becomes a ‘Word of mouth’ awareness campaign rather than just a awareness installation.

Working of the Installation-Smoker takes the Cigarette-Look for the Lighter-Finds the ‘Interactive Cigarette Lighter’ and approaches towards the Lighter-Smoker press the button to light the cigerette-the LED will start lighting and makes the lungs image along with the coughing sound.

Page 13: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PROJECTS | Sketchy Picture

‘Sketchy picture’ is the story about the journey of an artist and the nostalgic moments of his life connected through his paintings.

!is project includes the values of artistic expres-sions, aesthetics, semiotics, ideology and various methods involved in "lmmaking; starting from Story, Story Boarding, Camera, Lighting, Direc-tion, Editing, Art Direction, Set Designing, Sound Editing and Titling.Di#erent techniques like Stop Motion Animation; A$ere#ects etc also were used in making. A painting theme is used all over the movie and in titling.

Watch the movie: h%p://vimeo.com/5654839

Page 14: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

BRANDING

www.justrentacar.comcall 3333

smbol with web-address

www.justrentacar.com

s m a r t m ove

Page 15: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

HANDWORKS

Page 16: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

PHOTOGRAPHY

Page 17: Portfolio Ramshi Hamza

WORKS | Symphony Services, Bangalore

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

!ese are some of the Screen shots of di"erent projects I was involved when I was working with Symphony Services, Bangalore. As this was my #rst job i was involved in di"erent projects. Even though my role was small, it really thought me the process involved in interaction design in detail.

Page 18: Portfolio Ramshi Hamza

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

PORTFOLIORAMSHIHAMZA

CONTACT ME

STUDENT, NEW MEDIA DESIGNNATIONAL INSTITUTE OF DESIGN

RAMSHI HAMZA

+91 9739360882

[email protected]@yahoo.com

301, Tulip Block, Keerthi Riviera6th G Cross, Kaggadasapura, CV Raman NagarBangalore - 560093

Kummath HouseOpp. Pillakkad Juma MasjidKo!apadi (Post), "risur (District),Kerala, India Pin Code: 680505

01 July 1984Date Of Birth

Address

Permanent Address

Email

Mobile


Top Related