interface design

zeroonetwenty - interface design & front-end code

April 2010

zeroonetwenty is the home of a successful Mac and iPhone software developer.

He approached me in February this year looking for a new web presence. I jumped at the opportunity to work on a Mac-based project.

I designed the new interface, hand-coded the HTML and CSS specifically for Mac (beware IE users) then installed and customised Wordpress to run it all.

The client and I are really happy with the outcome, and I hope it gives their already popular software a boost.

"Really impressive stuff. I couldn't be happier with it. ... I'm really thrilled with this. You've changed a process that was difficult and unpleasant into a task which is - dare I say it - fun."Ross, zeroonetwenty

Navigator PF - interface design & front-end code

february 2010

Having already completed several projects for the management team, Navigator Project Finance commissioned me to re-design and develop their public website.

They wanted a fresh start, a modern interface and a new Content Management System. Drupal was chosen for this project.

My role was to re-design the site, create the HMTL and CSS, commission and manage the (talented) Drupal developer and migrate all content.

This significant project took a few months to complete – and the client is happy.

"We love the new website!", "...the site is very good now!" Nick Crawley.

NSWTF - interface design & front-end code

february 2010

APT Solutions approached me (yet again) to design and hand-code the templates for the New South Wales Teacher's Federation.

This member's only site is an important resource for union representatives in New South Wales.

After many revisions, we finally settled on a strong, contemporary interface (login screen pictured).

My design and hand-coded templates are now in the UK being applied to their CMS.

NSWNA - interface design & front-end code

october 2009

APT Solutions approached me to design and hand-code the templates for a new public website for the New South Wales Nurses' Association.

I met the client (along with APT Solutions) and extended an already well-defined brief.

I delivered three concepts over several iterations, and we finally settled on what I believed was the strongest design.

I then converted those designs into HTML and CSS for key templates – to be used by their .NET development team.

I have since been commissioned by APT Solutions for a design & code project for the NSW Teachers Federation.

iReward - logo, interface design & front-end code

october 2009

iReward is a brand-new social-networking and loyalty web site for Australians. They reward their users with prizes and cash in return for their opinions and marketing activities.

I was referred to iReward from a previous contact and was immediately contracted to design their brand (logo and collateral).

This then turned into a large website design project with over 30 wireframes and key screens!

I then set about creating the HTML and CSS for their ".NET" powered site (even doing a few hours in Visual Studio myself - fair bit of that over the years).

The iReward team is a nice, genuine bunch of people looking to create a generous business.

fimodo - logo design, code & interface design

august 2009

Fimodo is an independant financial modeling blog for the practitioners in this field.

I was approached by the Fimodo team via a referal from an existing customer of mine (nice).

My job was to design the brand for this new entity, design the interface, then manage the build and install in Wordpress.

I was able to pull together a few Wordpress experts to add some in-depth mods.

I have now been commissioned for another two projects with this team, and they have refered me to another client – couldn't ask for more :)

emotum - interface design & front-end code

may 2009

Emotum is a world-class software company creating installation and connection management software for the telecom industry.

I was hired to design and build the new Emotum corporate website.

Firstly, we all sat down to clarify the new site's direction, content and goals. Those results became the project's blueprint.

I designed all site pages and content – incorporating the existing iconography and brand.

We worked through through several iterations before settling on an energetic, relaxed interface.

O'Kane Internet Consultancy - logo & interface design

february 2009

O'Kane is an internet consultancy company focused on advanced website performance and measurement services. Some big corporate names rely on their broad range of skills.

O'Kane approached me to re-design their brand and website. They felt a more professional presence would increase sales.

I developed a logo, created business cards & stationary, designed a new process diagram and created several templates for their new website.

O'Kane used an internal team to convert the interface designs into a functioning website (so what you see online is not 'mine' as such).

"Thanks for doing a great job!"
Renee Rimington, O'Kane Marketing

LouLou Shoes - interface design & front-end code

october 2008

LouLou is a boutique fashion label specialising in women's shoes. I have been working with LouLou Shoes for nearly two years.

Originally we produced a brochure site and an email marketing campaign. LouLou Shoes is now a fully fledged ecommerce site that the client can maintain and administer.

I was responsible for the interface design, front-end code and shopping cart installation & customisation. A fun project.

If pumps, slides and slingbacks mean something to you – see louloushoes.com

GamersCockpit - logo, interface design and all code

december 2008

GamersCockpit designs, manufactures, sells and hires driving simulators. These racing seat and frame packages are bundled with games, steering wheels & pedals, consols / computers and sound systems. This is serious fun (for those who enjoy driving).

A few years back I designed their logo and helped produce their first website.

They re-engaged me to design and build a new site that allowed them to update all content and sell products online.

I pulled together and customised Wordpress for the content and CubeCart for ecommerce.

GamersCockpit now maintains their site and sells products direct to the public. This new site looks the goods and has increased company turnover... and that's great.

CITIZEN Watches - interface design & front-end code

august 2008

Working closely with CKWEB, I re-designed the new CITIZEN Watches websites for Australia, New Zealand and South Africa.

CKWEB took care of client relations, the backend and Javascript and the intial HTML/CSS coding. The design, graphics and final CSS touches were my responsibility.

CKWEB and I spent plenty of time fine-tuning functionality and design to improve usability and support the business requirements.

I particularly like the Find your Watch page (for it's speed), the watch images (crisp & hi-res), the footer and Instruction Manuals page.

Chris and I were honored to be shortlisted for the 2008 McFarlane Prize for this project.

Syncplicity – logo, interface design & front-end code

april 2008

Syncplicity, Inc. a startup in San Francisco first contacted me to design a new logo. They were impressed with the result, so hired me to design their new website - ready for a global launch in April 2008.

I provided all the HTML and CSS - ready for them to plug into their .NET project.

They have since hired me to extend their site, design & build all their customer HTML emails and design printed business cards.

Syncplicity are a great client, and it's a super product (real-time multi-computer backup and sharing) - you should give it a look-see. Now featured on DesignShack.co.uk

IdeaSearch – logo & interface design

april 2008

Client: CKWEB

IdeaSearch (a product from VAVAVOOM) needed an overhaul. It required a new brand, style and position due to a change in business needs.

I wanted to keep the interface as simple as possible. Minimal graphics, clean design.

This is essentially a search tool, so it needs to be quick. As more products come online - the light interface will help reduce latency.

CKWEB handled all the front-end code and development for the project.

Green Washrooms – interface design

april 2008

Client: CKWEB

Green Washrooms needed a new Australian presence for their environmentally friendly washroom products.

It was an open brief, so I went with 'postit notes' as a motif (don't ask me). I was pretty happy with the outcome.

The client was so pleased they engaged a site redesign for their parent company E. Sime.

CKWEB handled all the front-end code and client relations for the project.

E. Sime – interface design

april 2008

Client: CKWEB

Having designed greenwashrooms.com.au, their parent company E. Sime (via CKWEB) wanted a new site for their Australia and New Zealand businesses.

The Australian and New Zealand teams had no existing internet presence, so again I was given a fairly open brief. I used a tight, square grid to define the layout.

I pushed the environmental side of their business and created the key graphics.

Front and backend code was completed by a New Zealand based team.

Ariel Atom – interface design & front-end code (DEMO ONLY)

march 2007

One of the purest production race cars out there. Ariel claims their Atom adheres to 'form follows function' and 'if it doesn't need it, it hasn't got it'.

Shame their website doesn't play the same tune... Splash screen, pop-up window, Flash-flying-text... oh dear. See the original to compare.

Ariel have redesigned their site since I first created this demo - and I still don't like it. It might be me, but I think my idea is better.

daverayner.com.au v1 – logo, interface design & front-end code

jan 2007

Well, it is one of mine, so it had to go in right? I really enjoyed the process of putting this together – a few lessons learnt, and a result that lasted me one-and-a-half years.

It never really had much of a portfolio – didn't get around to it. Clients didn't seem to mind (the ones I heard from anyway :)

This new version is simpler. I have excluded Information Architecture, User Testing and Interaction Design as I just incorporate these skills into my design process.

I edited the text. There were too many words.

I also cut back on the interface graphics.

Thanks for looking around. Contact me if you think I can help with your project.