Web Design Forums

UndercoverGenie · 12-05-2008, 15:09

Hi people.
What do you people do first when you start off with a project. A paper sketch? A paper prototype? Photoshop? Is there any sequence in which you do things - a standard guideline kind of thing? I have heard people go for paper prototype - show it to the client - make major changes if any and only then switch on the machine.

Correct me if I am wrong.

stephenson · 12-05-2008, 15:20

First of all i speak to the client, when i do that we draw a sketch together. Then i produce a prototype in Photoshop and xHTML/CSS and show it to the client. Use the output from this to make a new version.

When the client is happy i produce the rest of the work (programming, HTML/CSS and som design finishing)

(Sorry for my english)

Pixar · 16-05-2008, 14:34

-Making basic drawing on the paper.

-Scanning the paper into my PC.

-Trying to regulate for WEB (Adobe and Autodesk are my favorites)

rikketik · 19-05-2008, 03:01

When it's personal I mostly do a sketch before, when It's for a client I would first ask what they wan't and than I start sketching.

Limbo · 19-05-2008, 03:46

Meet with client.
Create brief (better to write it ourselves, on the whole).
Agree brief.
Create site map.
Agree site map.
Sketch wireframes (paper/illi).
Agree wireframes.
Sketch 3-4 page types.
Agree design.
Develop site...

KarateRobot · 19-05-2008, 23:53

I rarely do paper wireframes anymore. I usually draw things out on the whiteboard in my office so that the developers can see what I'm thinking. They've got good ideas/feedback/bullshit detectors, plus it means that there will be at least one design 'document' that somebody besides myself ever looks at.

artsyguy · 20-05-2008, 01:03

Hey, when you guys make mock-ups to show the client, do you prefer Photoshop or Illustrator? I personally like Illustrator because it's much easier to work with the different elements. I find you need a lot more layers and groups in Photoshop.

Limbo · 20-05-2008, 03:27

illi for layout, definitely.

John Good · 20-05-2008, 05:30

Quote:

Originally Posted by Limbo

Meet with client.
Create brief (better to write it ourselves, on the whole).
Agree brief.
Create site map.
Agree site map.
Sketch wireframes (paper/illi).
Agree wireframes.
Sketch 3-4 page types.
Agree design.
Develop site...

The important here is Agree.

/* NEVER WORK WITHOUT AGREEMENT */

I try get this agreement on paper, or email, as every future change will be charged to the client.

Coops · 20-05-2008, 05:35

I imagine things in my mind, then I project these thoughts straight onto paper.

Limbo · 20-05-2008, 07:09

pencil?

JonoMarshall · 20-05-2008, 07:18

Coops has laser eyes.

weldo · 20-05-2008, 07:30

paper and pencil ??

fuck. no.

maybe its different for freelancers - all them different clients - but in my job i try to get a clear idea of what's wanted, what we're trying to do, try to get a feel for how it needs to look .. and just get photoshop fired up for mockups .. start playing around.

d*d · 20-05-2008, 07:33

I'm an old school paper and pencil guy, often the sketches have no meaning to anyone else - I have a sort of visual shorthand that I've built up over the years

weldo · 20-05-2008, 08:23

i have nothing against paper and pencil, and i probably doodle a bit for myself - but it doesn't usually form any part of a pitch or design mockups ...

Coops · 20-05-2008, 08:41

Speaking from a purely print designer's perspective, I use my laser eyes to project my thoughts onto paper which then goes straight to print. If that is not suitable for a particular job, I may sketch something out first then take it to Mac and work up. Depends what the job is and if I can be arsed. If it's a logo, I just type the company name, place it in a coloured box then send out an invoice.

Do Gooder · 20-05-2008, 08:46

brief.
marker pen.
paper.
cup of tea.
window to look out of.

mac.

done websites straight into code. strange and random way around working.. but it is quick mind.

jezz · 21-05-2008, 21:32

I typically sketch something out, nothing detailed, but a quick sketch of where the elements of the site are going to placed and how they are going to interact.

So,

Rough Sketch -> Client Approval -> Photoshop -> Client Approval -> Code/Structure -> Beta Version -> Client Approval -> Final Version.

sukino · 21-05-2008, 22:02

First, tries to get the specs from the customer, like the colors, type of contents, what they want to see in the web site, blah blah... then work on a draft or two in photoshop. After they agree on the design, I will start to slice it up.

I used to work with web pages with notepad. But I think that I am spoiled with many great softwares. XD

12-05-2008, 15:09	#1 (permalink)
UndercoverGenie Observer Join Date: Apr 2008 Posts: 10	What do you do first? Hi people. What do you people do first when you start off with a project. A paper sketch? A paper prototype? Photoshop? Is there any sequence in which you do things - a standard guideline kind of thing? I have heard people go for paper prototype - show it to the client - make major changes if any and only then switch on the machine. Correct me if I am wrong.

19-05-2008, 03:46	#5 (permalink)
Limbo Baskin' Join Date: Feb 2005 Posts: 5,636	Meet with client. Create brief (better to write it ourselves, on the whole). Agree brief. Create site map. Agree site map. Sketch wireframes (paper/illi). Agree wireframes. Sketch 3-4 page types. Agree design. Develop site... __________________ CSS Search Engine

20-05-2008, 03:27	#8 (permalink)
Limbo Baskin' Join Date: Feb 2005 Posts: 5,636	illi for layout, definitely. __________________ CSS Search Engine

20-05-2008, 07:09	#11 (permalink)
Limbo Baskin' Join Date: Feb 2005 Posts: 5,636	pencil? __________________ CSS Search Engine

20-05-2008, 07:18	#12 (permalink)
JonoMarshall Day-Glo Jazz Monkey Join Date: Mar 2007 Location: Shoreditch, London Posts: 1,129	Coops has laser eyes. __________________ Jon Marshall - Graphic Design

12-05-2008, 15:20	#2 (permalink)
stephenson CEO at Ungt.dk Join Date: May 2006 Location: Aarhus, Denmark Posts: 7	First of all i speak to the client, when i do that we draw a sketch together. Then i produce a prototype in Photoshop and xHTML/CSS and show it to the client. Use the output from this to make a new version. When the client is happy i produce the rest of the work (programming, HTML/CSS and som design finishing) (Sorry for my english)

16-05-2008, 14:34	#3 (permalink)
Pixar Motion Join Date: May 2008 Posts: 7	-Making basic drawing on the paper. -Scanning the paper into my PC. -Trying to regulate for WEB (Adobe and Autodesk are my favorites)

19-05-2008, 03:01	#4 (permalink)
rikketik Registered User Join Date: May 2008 Posts: 1	When it's personal I mostly do a sketch before, when It's for a client I would first ask what they wan't and than I start sketching.

19-05-2008, 23:53	#6 (permalink)
KarateRobot Registered User Join Date: May 2008 Location: Seattle Posts: 64	I rarely do paper wireframes anymore. I usually draw things out on the whiteboard in my office so that the developers can see what I'm thinking. They've got good ideas/feedback/bullshit detectors, plus it means that there will be at least one design 'document' that somebody besides myself ever looks at.

20-05-2008, 01:03	#7 (permalink)
artsyguy Web Designer Join Date: May 2008 Location: Vancouver, BC Posts: 17	Hey, when you guys make mock-ups to show the client, do you prefer Photoshop or Illustrator? I personally like Illustrator because it's much easier to work with the different elements. I find you need a lot more layers and groups in Photoshop.

20-05-2008, 05:35	#10 (permalink)
Coops Pops. Join Date: Aug 2007 Posts: 3,688	I imagine things in my mind, then I project these thoughts straight onto paper.

20-05-2008, 07:30	#13 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,434	paper and pencil ?? fuck. no. maybe its different for freelancers - all them different clients - but in my job i try to get a clear idea of what's wanted, what we're trying to do, try to get a feel for how it needs to look .. and just get photoshop fired up for mockups .. start playing around. __________________ fuck signatures

20-05-2008, 07:33	#14 (permalink)
d*d Moderator Join Date: Oct 2004 Location: Bristol Posts: 3,302	I'm an old school paper and pencil guy, often the sketches have no meaning to anyone else - I have a sort of visual shorthand that I've built up over the years

20-05-2008, 08:23	#15 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,434	i have nothing against paper and pencil, and i probably doodle a bit for myself - but it doesn't usually form any part of a pitch or design mockups ... __________________ fuck signatures

20-05-2008, 08:41	#16 (permalink)
Coops Pops. Join Date: Aug 2007 Posts: 3,688	Speaking from a purely print designer's perspective, I use my laser eyes to project my thoughts onto paper which then goes straight to print. If that is not suitable for a particular job, I may sketch something out first then take it to Mac and work up. Depends what the job is and if I can be arsed. If it's a logo, I just type the company name, place it in a coloured box then send out an invoice.

20-05-2008, 08:46	#17 (permalink)
Do Gooder Join Date: May 2007 Posts: 5,493	brief. marker pen. paper. cup of tea. window to look out of. mac. done websites straight into code. strange and random way around working.. but it is quick mind.

21-05-2008, 21:32	#18 (permalink)
jezz hockey & xhtml Join Date: May 2008 Location: Winnipeg, MB, Canada Posts: 3	I typically sketch something out, nothing detailed, but a quick sketch of where the elements of the site are going to placed and how they are going to interact. So, Rough Sketch -> Client Approval -> Photoshop -> Client Approval -> Code/Structure -> Beta Version -> Client Approval -> Final Version.

21-05-2008, 22:02	#19 (permalink)
sukino Voice in your head Join Date: May 2008 Posts: 58	First, tries to get the specs from the customer, like the colors, type of contents, what they want to see in the web site, blah blah... then work on a draft or two in photoshop. After they agree on the design, I will start to slice it up. I used to work with web pages with notepad. But I think that I am spoiled with many great softwares. XD

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search