Jahzel Misner: Portfolio » Web Design

False Creek Plastic Surgery – Web Design

admin — Fri, 09 Jul 2010 05:54:28 +0000

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.

Nicli Antica Pizzeria Website Design

admin — Fri, 11 Jun 2010 03:42:11 +0000

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 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.

Green Collar Redesign

admin — Fri, 15 Jan 2010 21:45:56 +0000

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.

Vancitywag Web Mockups – Dark websites are yummy

admin — Fri, 11 Sep 2009 02:24:13 +0000

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:

A description of the brand.
Example of website styles. E.g. MeloFotografia, Girls by Design, Lalawag
Content.

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

2nd Syndicate Website Mockups

admin — Wed, 01 Apr 2009 23:27:14 +0000

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.

Website Design – Gnomes Homes

admin — Tue, 13 Jan 2009 17:38:48 +0000

I’ve started building the website for Gnomes Homes. Here’s a look at my process.
Clean

Colors

Minimalism – Lots of white space

I definitely wanted the website to look clean, but also to be playful and cartoony. Here is the final mockup. The tree was added to anchor the website – a floating gnome home does look a little odd.

New Portfolio

admin — Sun, 01 Jun 2008 06:55:52 +0000

My new portfolio is now up! www.jahzel.com

Tick-ER Logo & Website

admin — Sat, 19 Jan 2008 04:49:22 +0000

Logo and website design for Tick-ER.