Design process

I got asked by Mark if I had planned out the design or I just made it in Muse while working with it. That’s actually something I should have explained. This one is about the vertical site since I started with that design at first.

Even when I was still researching and Mark was still giving me a lot of tips and things to look at and I was still in the begining of the process, I had some scetches of what the website might look like. I took into consideration what most sites look like, compared them and looked at things I liked and disliked.

This slideshow requires JavaScript.

A thing that is definitely missing from my site is the scrolling slideshow that many websites have on their landing page. I never really wanted to have it in the begining but it was always present in my early first ideas.

slide


At first my site was designed in Photoshop but I trashed does ideas later and I even lost the files to some error that Microsoft and Apple blaim eachother for.

This slideshow requires JavaScript.

Unfortuanatly these are just a few images. I had two darker designs like this that I had made for the landing page that were ready but I did not take screenshots of them since it was still early and I didn’t really like the dark gray colour the architect of the company uses so much


Then the design changed again when I decided to use the colours they have on their current site so I just took a screen shot and started using those.

colousr

 

 

But that was when I had already researched Muse a lot and was almost sure I was going to make a one page site so I didn’t really need much designing to do in Photoshop, just some in Illustrator for any objects that I wanted to make and have and all the rest was done in Muse.
 

This slideshow requires JavaScript.

These are a few sketches for the story idea.

So the process of making it went from sketches to Photoshop designs, to Illustrator and Muse.

Advertisements

Вашият коментар

Попълнете полетата по-долу или кликнете върху икона, за да влезете:

WordPress.com лого

You are commenting using your WordPress.com account. Log Out / Промяна )

Twitter picture

You are commenting using your Twitter account. Log Out / Промяна )

Facebook photo

You are commenting using your Facebook account. Log Out / Промяна )

Google+ photo

You are commenting using your Google+ account. Log Out / Промяна )

Connecting to %s