Mansi Salvi portfolio

16
design portfolio national institute of design . india m. +91 9420909656 e. [email protected] mansi salvi . new media design academic | professional design portfolio . mansi salvi . new media design . national institute of design . india . [email protected]

Transcript of Mansi Salvi portfolio

Page 1: Mansi Salvi portfolio

design portfolio

national institute of design . india

m. +91 9420909656 e. [email protected]

mansi salvi . new media design

a c a d e m i c | p r o f e s s i o n a l d e s i g n p o r t f o l i o . m a n s i s a l v i . n e w m e d i a d e s i g n . n a t i o n a l i n s t i t u t e o f d e s i g n . i n d i a . m a n s i s a l v i . 0 1 0 9 @ g m a i l . c o m

Page 2: Mansi Salvi portfolio

design portfoliomansi salvi

e : m a n s i s a l v i . 0 1 0 9 @ g m a i l . c o mm: +919420909656 dob: september 1st 1982

academicsjune 2007 - till date : post graduate diploma in new media designfrom national institute of design . ahmedabad . india

june 2000 - june 2005 : bachelor in electronics engineering from D Y patil college of engineering . pune university. maharashtra . india

professional projectsmay- june 2008 : logo and branding design . pacecon techno-sytems . mumbai . india (freelance project)

april - may 2008 : information design and visual presentation of cattle management FAQ’s for the rural farmers for the state of maharashtra . (university sponsored project)

jan 2008 : medical information website design for american residents (freelance project)

sep - oct 2007 : logo, branding and poster design for various events at IIM ahmedabad . india (freelance projects)

feb - may 2006 : low cost magnetic stirer . Electromagnetics pvt ltd . pune . india (internship during bachelor programme)

digital skillsadobe photoshop . illustrator . flash . inDesign . adobe premier

(video and audio authoring) . corel draw . ms office / iWorks . sony vegas.

interestsinterface / interaction design . graphics design . logical approach towards design . photography . keeping track with emerging technologies . driving . cinema . music

Page 3: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

systems thinkingThe course was aimed at studying the teen darwaza bazaar in the old ahmedabad city from a systems point of view where its social, economical, historical and political issues were taken into account.

The course highlighted the non-linear aspect of the organic growth within a system that has evolved over decades. This study helped me broaden my outlook towards a multi-functional system that grows and attains stability, thus allowing to think more efficiently about complex issues within a bigger context.

4 weeks . course assignment

The final deliverable was an life size installation of the entire scenario at the teen darwaza focusing on the experience delivered by the system as a whole to a person travelling and interacting with the spaces and the elements as they function.

shadow puppets used to narrate the story of the evolution of the bazaar into its current form

1

an digital installation showcasing the vibrant experience that the teen darwaza offers

Page 4: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

information visualizationThe project was aimed at understanding the user requirements and the challenges posed to them by the existing gujarat bus service.

The process followed included studying the existing bus route pattern, the network of stations and vehicles and the number of people traveling on various routes at the ahmedabad bus depot and then designing a information system which will assist the travelers in way finding through the bus depot.

The primary aim of this project was to make the information as simple as possible for the traveler, using intuitive visuals.

2

information panel showing destination and platform number for the bus departure

The various information visuals developed, suite different locations at the bus depot such as entrance, platform etc and provide contextual information that a passenger might seek.

Thus distributing the information over stages to assist a traveler as he progresses through different zones at a bus depot.

information panel showing bus routes, distances and times for specific platform / bus

Page 5: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

classroom project

This classroom project was aimed at designing and developing a public awareness system to assist the existing driving school education process.

The interactive flash interface provides a driving test scenario with the common day to day situations on Indian roads.

It helps an instructor to observe the learner’s response to various situations and further assist him to understand the traffic rules and regulations in a better manner.

3

screen shots from the flash interface developed for the public awareness ad

2 weeks . course assignment

Page 6: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

moving images2 weeks . course assignment

4

Moving images was course that involved visualizing objects and words metaphorically to reflect a specific characteristic of self.

The word “intense” and an object “hammer” were chosen to represent intricacy as a characteristic identity. This was done through five frames which try to represent the relation between intensity and details in a metaphoric manner.

The context tries to draw a relation between intricacy as an outcome of intensity.

five frames showing the relation between intricacy and intense character of it using hammer as an metaphor

Page 7: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

moving images2 weeks . skill development

5

Other explorations during the course try to depict “intensity” of “nature” using leaf as a metaphor.

Drawing explorations and minimalist drawing for representation of objects.

Page 8: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

media application2 weeks . course assignment

6

The course exercise mainly focused on understanding how sound can evoke powerful emotions and visuals in the mind of a listener. The explorations helped in enriching digital visualization skills which included using still images to represent sound. The course assignment required to deliver a movie clip that tries to visualize the feel and the

still captures from the video authored to visually represent the emotions in the song “requiem for a dream”

Media application as a course was aimed at exploring sound as a medium of communication and the technical aspects of sound recording.

emotions of the song “requiem for a dream.” The challenge was to restrict the use of visuals to still images that can be generated using any medium. A contrast in colors using rubber bands was used to form random shapes depicting various levels of intensity in the song.

Page 9: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

story telling (linear)2 weeks . course assignment

7

A linear story was conceived after studying the elements of traditional story telling. The model followed for the was derived from an ancient Indian Sanskrit transcript “panchatantra” where every story has a moral learning.

A movie was made choosing the medium of paper puppets

to narrate the story visually. The process involved creating a time line based storyboard and authoring the

audio script for narration.

This course greatly helped understand the creative aspects

of developing media and content for a story and then to represent it

visually using various mediums.stills from the movie created to narrate a story about a poor boy and his pet three leged donkey

Page 10: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

story telling (non-linear)

8

This course assignment was an attempt to research and document the age old art of narrating mythological stories in a non linear fashion using ‘mata ni pachadi’ as the medium.

Mata ni pachadi is the traditional art of block printing using intricately carved wooden blocks on cloth. The images that are used in a repetitive manner to bring in rhythm in the composition and different art blocks are composed to narrate a story. Since there is no order or sequence of these printed images, this is primarily a non linear mode of story telling.

After spending a few days with the artists, a video archive was created to document the process of creation of this art work. The same was then made into a digital video document showcasing the various steps involved.

screenshot of the digital video document showing the various process involved in creating the artwork

pictures of different stages of the artwork

Page 11: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

UI prototyping

9

2 weeks . course assignment

user scenarios of the product in use.

The project on UI prototyping explored idea generation, concept development, user testing and prototyping of the physical product. The aim of the course was to understand the various stages of product design and the process followed after a product idea is conceived.

The process followed explores the concept of a convergent device with multiple features based on user study conducted and dealing with the ergonomic issues. A non-working prototype for the device was made followed by the interaction design for the interface of the product.

product features

Page 12: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

usability testing

10

This course taught various user study methodologies and various techniques to collect information from those studies conducted.

The assignment provided an opportunity to study the usability of the college e-mail portal and identify the problems in the existing service. This was done through contextual enquiry and questionnaire based the studies.

A paper prototype of the task flow and the new interface was designed based on the inferences drawn from the usability study.

paper prototype of the interface

2 weeks . course assignment

task flow diagrams

Page 13: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

photography2 weeks . skill development

s. 1/80 f. 11.0s. 1/125 f. 7.1

Photography gave me an opportunity to apply my understanding of design elements and composition to photography.

I learnt the basic elements of photography and manual techniques of photography.

The exercises conducted included theme based photography and some explorations to understand lighting and its effects.

11

Page 14: Mansi Salvi portfolio

academic mansi salvi . new media design . NID

photography2 weeks . skill development

Theme based photography

12

Page 15: Mansi Salvi portfolio

professional mansi salvi . new media design . NID

info visualizationThe project from the government of maharashtra, required developing visuals to depicts the cattle management FAQ’s for the rural farmers of the state in local language.

After understanding the various processes, visuals were developed. Further, user testing conducted on the visuals helped iterate them for better understanding by the rural population in the state.

The illustrations are being used to implement an online service that will be available in all villages over the next few years.

13

Page 16: Mansi Salvi portfolio

professional mansi salvi . new media design . NID

branding

14

branding and logo design for a social entrepreneurship fair at IIM, ahmedabad.

poster design . inviting entires for CIIE competition