Information Systems: Part Three

Where I’m talking about the website and web brochure. Perfect exposureto the medium.

Part 1. Introduction Part 2. Brochure Part 3. Web OutputPart 4. Advertisement & PosterPart 5. Insight

Semester Seven

3

Elective two.Information Systems.

1

Website was suppose to be an exploration

according to the proposal I presented. But

later, while I was working on the brochure,

I was asked to work on few wireframes. The

website had the fastest outcome, out of all

the collaterals, considering it’s vast content.

We outsourced the programmers, and we

worked together to put a significant show.

Initially the process started really slowwith

the work flow, but after the wireframes

were finalised everything finished up in

approximately in a week. I made layouts for

all the web pages and the developer worked

with the open files to produce the replicas.

Web Output

2

3

4

5

6

7

While working on a website, it’s really

important to have few things in place. The

work flow, site map and wireframes. Each

step helps you know what sort of a web-site

you are trying to build. When you think

about the users and what information needs

to be provided, you get a better knowledge

of how the system should be mould. Not

just the designer, it helps the developer

as well. Luckily I knew a bit about web

design because of my experience from the

interaction design course.

Initially I was thinking of something else,

the wireframes were more dynamic but

due to the time limit I had to limit the

coloumn disturbances. We sat down with

the developer and discussed the layouts and

possibilty of finishing the programming in

3-4 days. Luckily even after the changes the

website followed the language and blended

in to a large extent.

8

Admissions GDPD & PGDPDHome About NID Faculty Programs Admission FormsPhotogallery

Admissions

GDPD & PGDPD

About NID

Faculty

Programs

Admission Forms

Photogallery

GDPD & PGDPD

About NID

Faculty

Programs

Admission Forms

Faculty

Programs

Admission Forms

Photogallery

Home Home

About NID

Faculty

Admission Forms

Home

Admissions

About NID

Admission Forms

Home

Admissions

Home

ProgramsProduct DesignFurniture & Interior DesignCeramic & Glass DesignGraphic DesignAnimation & Film DesignFilm and Video CommunicationTextile DesignExhibition DesignTransportation & Automoblie DesignToy & Game DesignPhotography DesignApparel DesignLifestyle & Accessory DesignNew Media DesignStrategic Design ManagementInformation and Interface DesignDesign for Digital ExperienceDesign For Retail Experience

Programs

Product DesignFurniture & Interior DesignCeramic & Glass DesignGraphic DesignAnimation & Film DesignFilm and Video CommunicationTextile DesignExhibition DesignTransportation & Automoblie DesignToy & Game DesignPhotography DesignApparel DesignLifestyle & Accessory DesignNew Media DesignStrategic Design ManagementInformation and Interface DesignDesign for Digital ExperienceDesign For Retail Experience

Home

About NID

Download forms and Application forms will lead you to the same link. There will be three options on the page, which will help you save/ print respective forms.

The options are:1) Download form for GDPD 2) Download form for PGDPD 3) Download form for Students applying under Supernumery category

Faculty

Programs

Product DesignFurniture & Interior DesignCeramic & Glass DesignGraphic DesignAnimation & Film DesignFilm and Video CommunicationTextile DesignExhibition DesignTransportation & Automoblie DesignToy & Game DesignPhotography DesignApparel DesignLifestyle & Accessory DesignNew Media DesignStrategic Design ManagementInformation and Interface DesignDesign for Digital ExperienceDesign For Retail Experience

Admissions GDPD & PGDPDHome About NID Faculty Programs Admission FormsPhotogallery

Admissions

GDPD & PGDPD

About NID

Faculty

Programs

Admission Forms

Photogallery

GDPD & PGDPD

About NID

Faculty

Programs

Admission Forms

Faculty

Programs

Admission Forms

Photogallery

Home Home

About NID

Faculty

Admission Forms

Home

Admissions

About NID

Admission Forms

Home

Admissions

Home

ProgramsProduct DesignFurniture & Interior DesignCeramic & Glass DesignGraphic DesignAnimation & Film DesignFilm and Video CommunicationTextile DesignExhibition DesignTransportation & Automoblie DesignToy & Game DesignPhotography DesignApparel DesignLifestyle & Accessory DesignNew Media DesignStrategic Design ManagementInformation and Interface DesignDesign for Digital ExperienceDesign For Retail Experience

Programs

Product DesignFurniture & Interior DesignCeramic & Glass DesignGraphic DesignAnimation & Film DesignFilm and Video CommunicationTextile DesignExhibition DesignTransportation & Automoblie DesignToy & Game DesignPhotography DesignApparel DesignLifestyle & Accessory DesignNew Media DesignStrategic Design ManagementInformation and Interface DesignDesign for Digital ExperienceDesign For Retail Experience

Home

About NID

Download forms and Application forms will lead you to the same link. There will be three options on the page, which will help you save/ print respective forms.

The options are:1) Download form for GDPD 2) Download form for PGDPD 3) Download form for Students applying under Supernumery category

Faculty

Programs

Product DesignFurniture & Interior DesignCeramic & Glass DesignGraphic DesignAnimation & Film DesignFilm and Video CommunicationTextile DesignExhibition DesignTransportation & Automoblie DesignToy & Game DesignPhotography DesignApparel DesignLifestyle & Accessory DesignNew Media DesignStrategic Design ManagementInformation and Interface DesignDesign for Digital ExperienceDesign For Retail Experience

10

This outcome was also a part of the same

concept, and had to carry the same language.

The main challenge was to keep similarity

in print and web. Both are really different

mediums and have different flexibility level.

In print I experimented with the layouts and

grid, but within the time limit it was better

to play safe. I took the keypoints of the print

design and tried to reflect the language of

the print design. The content was the same

for the website, but the website was the most

important collateral because it provided the

applicants with forms and other updates.

Our primary focus were forms and then

brochure. We had to make sure that the

viewer goes through the vital informaiton,

and understands the keypoint.

FinalWebsite

11

12

13

14

The whole website had the same content

as the brochure. But the categorisation was

done differently. Our focus were application

forms. Everything else was secondary. All the

pages had pop-ups for downloading forms

and brochure. I tried to make the navigation

as simple as possible, so that the applicants

get to know as much as they want. There

were highlights on each page, like the dates

and important text. Even with only three

type weights, I tried to maintain enough

balance to

15

16

17

As I mentioned earlier brochure and forms

were two really important parts of the whole

information systems. We provided with

all the informaiton in the website, but we

wanted to be sure that people can take prints

if they want to. So we decided to upload the

brochure as well, but the print version was

too heavy and lavish for something going

onine. I decided to reduce the number of

pages to make it more economic for the

viewer for printing and reduced pictures and

made it more information centric.

At last we successfully uploaded a brogure of

30 pages, which had lesser than half number

of pages. And the web version retained

it’s language also, as it was really similar

typographically. Following are the few

snapshots from the web.

WebBrochure

18

19

20

21

22

23

24

25

26

27

28

29

This collateral was produced at the last

minute, within a night. We had a debate

about uploading the print version itself, but

all of us realized that it would be better to

work on an alternative. This alternate option

turned out to be perfect at that given time for

the solution. It costs less to print, gives the

basic knowledge and follows the language.

It ended up being an important part of the

family, as this brochure was exposed to the

maximum number of audience.

Outro

30

Part 1. Introduction Part 2. Brochure Part 3. Web OutputPart 4. Advertisement & PosterPart 5. Insight

Project Documentation.Elective two.

© Nidhi Singh RathoreGDPD 2009