Design Process: Working progress of my website

  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

What I want to do here is show you guys the process i have and will be taking in building my website from start to finish. I will talk a bit about how it started and some of the steps and techniques used in getting it to where it is now. I know some of you are interested and I think some of you will get a lot out of it ;-)

Plan: I have been doing freelance sites for probably 7 or so years now so i decided it was time to take the next step and create a business. I just wanted to initially target small business and ways i could do that with max efficiency and quality for value for money.

Name: the name was important and I wanted something that incorporated the web and something creative and memorable.

Concept: The concept was to incorporate softdrink with the web (sounds silly i know) but combining the two gives me quite a marketable "product" ;-)

I had spent alot of time playing with the logo and trying different fonts and styles. below is a small sample of the logo process and how many alteration and versions it went through.

Image

this is what i had imagined what the logo would look like if sold in japan lol ;-)

Image
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

Design: I wanted a really clean modern style so I played with vectors and solid colour and edges. I initially sterted with the website cause thats what I was thinking about first. I also had in mind how I wanted some the the can graphics so I whipped up some cans in Lightwave 3d and textured them with a sample design.

here are some of the original website concepts.

Image

Image

The original concept was to have 4 types of website for each of the cans, and each can would have a name thay represented the type of solution. like the MAXX was a complete cms/portal and LITE would be the basic website etc.
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

Brand: I didnt feel the brand was strong enough so I created more graphical elements that would be used to build a strong image. I created a "shape" consisting of bubble like elements, lines and stuff to give the brand something i could use across the board.

main texture design

Image


and applied to the homepage

Image


also though id see how it would look on a business card

Image
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

I want really happy with the way things were coming along so i decided to rethink the concept. I had thought of an idea where the website could be the side of a 4pak can box. so i decided for a realistic look id go take some photos of some boxes. i went down to the local liquer joint and got some used boxes, borrowed my biz partners nikon d100 and setup a shoot.

here are some of the pics (with bad lighting) ;-)

Image

Image

Image

i had to map all these together and take out all the branding off the boxes which was a pain especially due to the bad lighting. the originals were extremely high res so that helped a little.
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

So here is the box all mapped together and some text and other graphical elements on there. (damage, rips etc)

Image

looking a little bare so i tried creating a design element similar to the first design. something a little more interesting and colourful using a different style.

Image

now mapped onto the side of the box, i also had plans of animating the graphic on the side. will include that shortly.

Image

quite happy with this design i mocked up some more cards

Image

If you have any questions about any parts of the process, feel free to ask.
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

here is the html mockup with some "really" basic flash animation.

http://www.websoda.net/pats/code1/index.htm
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

Now after getting this far, guess what? i wasnt happy with it ;-)
It had the impact i was after but it was a too complex and cluttered. So i cut it back a bit, still kept the main graphical elements but got rid of the box idea.

I went back the the cleaner design using the fullon design only on the can. heres the new can texture for the 3d can.

Image

also heres another mock up for the business card.

Image

and more recently, the homepage.

Image
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

At this stage i was thinking its fairly final so i start making other materials like email footers, banners, etc. here is the design for the information kit.

Image
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

I am so sick of looking at orange and grey and it is apprearing really weak to me, still doesnt have the impact i am after and it still isnt what i had in mind.

i went back to lightwave and spent a lot of time trying to get the lighting right. i wanted a more solid feel and something stronger and bolder.

just a quick snapshot from lightwave.

Image

i am now using hdri probes for global illumination which give it a more realistic feel. this would determine the new look and feel.

after the render were complete i dropped them into the homepage from the previous post, didnt look right. so i grabbed a blueish/grey from the can and used that for the base colour instead of the grey. Also change the orange to a deeper red and now i love the feel of it, much more solid and modern. and i like the look of the aluminium texture so i plan to have that show through more on the new can design (in development)

current page

Image

like i said on the other thread i am in the process of creating the new design for the can and have plans to animte it. will also be using more graphics including more 3d in the content of the page. So this is where im at feel free to ask about any part of it and will keep updating as i go.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

:shock:

Wow! I think you've got some incredible ideas here. Really top-notch stuff.

(Although, I'm not sure I'd want your printing cost :lol: )
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

printing wise its pretty cheap, those cards i can get full cmyk on a nice 310gsm satin with matt celloglaze both sides 500qty for under $200 aud. quality is great used them before. they do bulk runs of stuff thats why its so cheap.
  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • User avatar
  • Posts: 3422
  • Loc: Richland, WA

Post 3+ Months Ago

lol im sure the mods would get mad at your for all your doulbe posting but not for this stuff!!! thats just crazy
  • mr_darek
  • Expert
  • Expert
  • User avatar
  • Posts: 554

Post 3+ Months Ago

There definitely are some brilliant ideas here DR01D - your design process is clear to read and has a good approach.

I love the concept of "websoda" and the appropriation being used with, of course, soda. Fantastic job with the graphics, btw and I love the logo.

Great stuff.
  • templastorm
  • Graduate
  • Graduate
  • templastorm
  • Posts: 173
  • Loc: Chicago

Post 3+ Months Ago

damn you are good! those are some great renders and such, i have only see a few people that i know that can do that
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

thanx guys for the compliments.

i have been struggling with the new can design, been throwing around a few but not happy with them. have also been working on the content for the site - something i hate doing ;-) I used to be able to write creatively but now it just frustrates me.

hopefully have a design done in the next couple of days, wanna make sure i can comeup with something that i can animate and might have to use in print etc.
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

quick update

think ive got the can design final ;-)
will map on the can tonight when i get home, hoping it will look good.

wanna keep it much simpler this time round. the main grey area will transparent so the aluminium surface will show through.

Image :D
  • Ifrit
  • Graduate
  • Graduate
  • User avatar
  • Posts: 196
  • Loc: Portugal

Post 3+ Months Ago

Wow, you know your sh*ts O.O
I'll buy your product! your Eye Candy is really up there.
  • LogoMaid
  • Newbie
  • Newbie
  • LogoMaid
  • Posts: 13
  • Loc: EU

Post 3+ Months Ago

Hi,

Really nice stuff..you're very good designer.

My compliments...

Cheers,
Jan
  • Sumen
  • Proficient
  • Proficient
  • User avatar
  • Posts: 421
  • Loc: Rochester or Albany, NY

Post 3+ Months Ago

Thank you for spending the time to post your process.
Keep up with the details, this is great :)
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

awesome awesome awesome awesome!!!

I can't compliment you anymore than that, well I can but there wouldn't be enough room ;)

Just bloody awesome mate. To use the local term :lol: I love the whole concept!

Where can I see more of your work??

:drools: I really wish I had your talent!!
  • Sumen
  • Proficient
  • Proficient
  • User avatar
  • Posts: 421
  • Loc: Rochester or Albany, NY

Post 3+ Months Ago

musik wrote:

:drools: I really wish I had your talent!!


I think a lot of us are feeling the same way :)
  • Mr. Wiggles
  • Graduate
  • Graduate
  • Mr. Wiggles
  • Posts: 160
  • Loc: Brizzle

Post 3+ Months Ago

Absolutely brilliant deisgns you have, I have to say the first few were better than th e one you jsut recentl posted.
Exclennet flair you have, and you seem to have a great knowledge of alot of rendering and art programs, something which I'm learning is a major factor in modern web design.
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

im glad you guys are getting something out of it ;-)

musik, i need to update my portfolio. when ive got some time after this site is up ill put something together.

Mr. Wiggles i know what you mean about the first ones. i have thought alot about them and i think all the things i want to address the latest one suits best. also im kinda sick of looking at them ;-) just me picking things out lol.

ive been playing with the cans in lightwave, not totally happy with it, tweaking the design a little to make it look more effective. will upload in the next few days. been busy with the content also.
  • DR01D
  • Expert
  • Expert
  • User avatar
  • Posts: 661
  • Loc: Australia

Post 3+ Months Ago

Here we go, this is much better ;-)

Image

now i gotta figure out how im going to animate these suckers.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

nice but i LOVE the bright cans better ;)

Post Information

  • Total Posts in this topic: 25 posts
  • Users browsing this forum: No registered users and 44 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.