Archive for Web Design

I am very behind in my blogging, so I am going to be a rebel and post twice today. I am currently working on a website for a Plastic Surgery Centre at False Creek Healthcare. The art direction is clean and minimalist. I personally favour the minimalist style; however, this client loves the clean/sparse even more than I do. It was a very different experience being asked for less colour and more simple! Here are my top 3 favorites of the design mockups.

plasticsurgery-5

.

plasticsurgery-3


plasticsurgery-4

Comments Tags

Authentic Neapolitan Pizza is coming to Vancouver. Is anyone else as excited about this as me? If only I weren’t lactose intolerant. Below are the 3 website mockups I designed for Nicli Antica Pizzeria.

Nicli Antica Web 1

Nicli Antica Web 2

Nicli Antica Web 3

Nicli Antica Pizzeria – Neapolitan Pizza will be opening in Vancouver later this Summer. Follow Niclia Antica Pizzeria on Twitter for the latest news.

Note: Images and text are used for mockup purposes and will not be used for the final production.

Comments

To redesign or to not redesign, that is the question

Not all redesigns require a brand overhaul. The need to rebrand every time is a mistake that new designers often make. We’ve all been there, the need to make the design truly yours can be tempting. Over zealous rebranding however is a good way to alienate a client. Green Collar already has a great brand and a great looking site. What they want is to clean up their site to give it a sleeker and more sophisticated appearance.


New Site


Old Site

The old Green Collar site is not bad, however there are issues with Hierarchy. The first question I ask is which elements are the most important.

1. Logo

I increased the dominance of the logo by adding white space around it. I also reduced the real estate of the login bar and donate menu to further increase the dominance of the logo.

2. Menu

Lightened the colours in the menu so that it doesn’t overtake the logo. This also removes the very heavy line dividing the header into two.

3. Header

Increased the white space around the header and reduced the white space as the page goes down. This increases the dominance of the header while encouraging the eye to travel down the page.

4. News/Blog buttons

Removed “Read this post” buttons as the headliner links to the same content.

5. Featured Organization banners

Reduced the size of externally linked partner banners.

I also worked on consistency. I toned down the colour palette by making sure the same shades of blues and greens were used. I hacked away at their CSS so that the font types and sizes were consistent.

All the changes I made were small, but it lends to a more cohesive website.

Comments (1) Tags ·

Only 2 mockups, and both of a similar style?! Yes I know, how very out of character for me. The client made it very easy for me by providing:

web1

The client was happy with the first mockup, but I decided to do a 2nd one for fun. She hasn’t seen it yet. =)

web2

Comments Tags ·

Website mockups for 2nd Syndicate. The client’s vision was to have an interface that is clean with rounded edges. He cites the Clarity Accounting website as reference for a website that he likes.

Comments Tags

« Older posts