Serenity Visual Services page

First draft

I was explaining to the client my design choices and the different features of the website. It has been an useful experience working with someone who is less tech savy, in future this will help me to be less jargon-y when communicating with clients.

Finalised draft after amendments

Serenity branding finalised design

Homepage design

I’ve been putting a lot of hours into your website and I’ve made some progress! I’ve produced a visual of what the finished website could look like. It is much easier to edit an image than it is to edit code so it will be more efficient for me to do it like this.

Last time I spoke to Sheila she said the previous design was too busy, so I’ve come up with a new idea based around her motif of the butterfly that represents her brand identity. The “heaven” image I took from her Facebook was eye catching but I think it drew the attention away from “Serenity-Ashburton”. 

Serenity website Development

Initial Mock-up Designs 

These are my designs that didn't make it into the final product for various reasons but I thought it still be good to document to show my development of ideas and I how my ideas changed along the way. Improved finalised designs to be posted soon.

Personal Website Completed

This is the final still for my personal website. My intentions are to make this live sometime soon in the future.

Any thoughts would be greatly appreciated.

New personal website development

This is underdevelopment, should be coming soon. A teaser:

Client Project: Layout mockup development

I've just had  a client meeting with Owen Baxter to show him my new mock-up designs.
My idea has been influenced by Origami Biro with their use of texture. My client liked the background with the interesting brush strokes and the interesting bits of rust scattered around. He could see the triangles represent his object oriented approach and the metronome.

Overall he was happy with the design and he thought it represented him and his work well.
I came up with two colour variations, one with a grainy brown texture and the other a sleek painted blue texture. He likes both and is going to consider which one he likes.

We compared this design to my first minimalist layout. I've tried to retain some of the simplicity from my previous design while livening it up with more interesting earthy tones.

In regards to the text he wants on the main page he’s unsure how much to put on because a scrollbar may breakup the design. I suggested that if he wished I could create a separate “about me” page that would elaborate further from the initial basic description of himself on the home page.

Client Project: Further initial ideas

Texture, abstract geometrical shapes/patterns

I'm looking at alternative ideas to the modern layout I've come up with for Owen Baxter, Sonic Machines. My lecturer said it looks too simplistic.

A good source of inspiration was Origami Biro, their use of textures create a good atmospheric look and appeal. An idea would be to incorporate some sort of textural quality to the logo to make it more interesting but keeping it looking exactly the way it is. At the moment the colour is just plain black.If there was an installation for Biro, there would be different materials you could feel and touch. Biro’s image are very earthy and natural looking.

Some other great examples of texture and pattern are: Sourced from: [image]

Also this artists Gemma Anderson use of texture is very interesting:

Antique, victorian and steampunk instruments are very nice and fits into the theme:

Sourced from: [image], [image], [image]

I think abstract geometric shapes are a good idea, like star constellations. The texture and feel of them look very interesting, especially when put on a grainy brown paper surface texture or a painted texture. Notably, the font on the last image looks very victorian, analogue like!

Sourced from: [image], [image], [image]

 Geometric shapes might work for the navigation, this reminds me of Pink Floyd's work with the Triangles on their album cover. The Triangle kind of represents the metronome that Owen used for one of his pieces.

Client Project: Logo Development

The latest design:

Owen liked the lower case version of the logo but he wanted all the letters to be lower case to make it look equal height. (balanced composition) He thinks it looks modern. He likes how I’ve kept the parts of the logo that he did like and not overcomplicating the logo by having too many symbols. (e.g. the starting “S” letter is not a symbol)

He looked at the upper case but he didn't like it as much.

He looked at the S.M. Initials design but he didn't like it because the s becomes a bit difficult to distinguish. When it is at the end of the logo it becomes more obvious what it is.

Context 3: development WI logo designs

From my previous journal I had two design variations for my WI logo. I thought they both had good things about them so I decided to take elements from both to establish a middle ground as you can see from this:

I am thrilled with my new logo! I think it looks good.

Also I went and tried to make a positive/negative variation, what do you think:

Context 3: logo design WI

I've come up with a great logo design:

Variation 1

The Initials "W I" stands for "Wilson Interactive" and the stylisation of it is to replicate a heart graph chart, (just for aesthetics). And the grid highlights a graphic design approach, it also shows my attention to detail.

Variation 2

The variation of this one is a gradient, and a stronger central white line. I'm not sure which one to go for yet.

Context 3: logo Pseudoname Leopard

Okay, the Leopard is a bit random, and it just popped into my head. I think I was trying to think of a anonymous name that has a "L" in it to make it go with the whole arrow idea. A variation is:

I've also changed the last one to a orange and black color scheme to match the Leopard feel. Whilst I'm not wild about this, I guess it doesn't look too bad. Could do with some more ideas.

Context 3: further logo designs

I've been experimenting with different logo designs for my personal branding.

Designs:

I thought since this is what my on-line journal is called, why not just call it "Wilson Interactive",  it kind of sounds snappy. I've tried to make it look interesting with adding a arrow, full stop and exclamation mark. Overall, it doesn't look bad, but I feel there is something missing. Also the fullstop bugs me because it reminds me of Nike.

Context 3: Logo Design Ideas

I need to come up with some branding for myself. Firstly, I am going to design a logo for my website. I have tried to think of some pseudo-names for myself as well as experimenting with how to use my name in the logo.

Design:

I am quite fond of this design, it looks visually appealing and its simple and effective. However, my lecturer Shaun said the only pitfall would be confusing myself as a print-designer because that's what CMYK is associated with.

Original Layout designs