Op45

New Logo - Torad

2011-06-24T06:29:00.000-07:00

This month, we've been working with a Prague-based newly launched venture called Torád. Aimed at food lovers, Torád is centered around a website which will offer recipes every week and provide a box with all the ingredients required to make it. The aim is to provide something new and different from what is available on the traditional market

The Torád team was looking for a logo with a clean typographic approach. They were specifically looking for a custom typeface as they wanted it to be entirely unique. The lettering was to be original, memorable and also function as a stand-alone graphic.

Following their vision and goals, our initial proposals focused on blend of a heavy-weight sans serif with a hand painted logo. We wanted something quite bold with a lot of impact that also had a playful touch.

The top version has some straight lines and elements from a more conventional sans serif. The bottom one has more accentuated curves, closer to a brush script.

Upon discussion, we decided to go for a combination of both versions. Having the letters more flared gives a more distinctive look with stronger personality. We explored various options for letters like the 'T', the 'a' and the accent: stems pointing in different directions, curves of various strengths, different angles, etc. After some final spacing adjustments, the logo is now complete.

The Torád website is currently in development and we're looking forward to the launch. In the meantime, feel free to have a look at our Torád client page for more photos and information.

Website Updated

2011-03-17T14:46:00.001-07:00

For the first time in almost a year, our website has been given the long overdue update it has needed.
A huge redesign leaves the old attic theme behind to be replaced by a more clean and modern website that we feel matches our work far better.
As well as the new design, there's a lot of new content on the site. New clients, new side projects and more and there'll be more updates in the coming week.

Despite the size of the site, it remains hand coded and will be updated as such rather than using a CMS. The file structure and much tidier coding make updating the site far easier and a much more welcoming task. This should hopefully prevent us from taking a whole extra year to attend to our own front yard!

New Client Website - On A Disc

2010-09-06T11:10:00.000-07:00

Op45 was approached by On A Disc to re-design their company website in order to promote their unique marketing product, the Info Coaster. A memorable and environmentally friendly marketing tool, the Info Coaster presents information to clients on a disc that doubles up as a heat resistant and scratchproof coaster.

The design of the website needed to be fresh and vibrant to match the product as well as being clean and professional to attract the intended target audience. We built a light, spacious design that is carefully structured to clearly present what the product is and how it works.

The images of the Info Coaster in use are accompanied by subtle animations throughout the pages to add dynamic elements without distracting the eye. The presentation animation on the home page features clean, smooth visuals in line with the style of the website to allow the viewer to immediately see what the Info Coaster is about.

Have a look at the live version at On-A-Disc.com to see the rest of the website and stay tuned for the new client page coming soon. The On A Disc team were great to work with and made for a truly enjoyable project.

Latest Typography Work

2010-08-26T08:44:00.000-07:00

Having been a while since my last blog post, I thought I'd write a little about my latest typography work. Whilst working on client projects and other Op45 design work, I've been slowly but surely developing a typeface started earlier this year. Having temporarily put aside the original design seen in our typography portfolio, I recently came back to it and decided to radically change it, virtually starting from scratch.

I'm now working on a much more useable typeface; a clean, solid sans-serif with a distinctive character. I'm keeping a strong focus on legibility and the flow of the letters together as much as the shapes of individual letterforms.

The design incorporates humanist qualities to create an original, interesting feel that also remains clean and serious enough for use in a range of situations. The large, open counters aid legibility and the individual elements of the letters are similar enough to maintain an overall cohesive look without being identical.

I'm currently finishing off the lowercase before moving onto the uppercase and numerals. With thoughts of quite a large family including a range of weights, true italics, extensive language support, discretionary ligatures and alternate characters for increased versatility, there's quite a while to go yet!

On a final note, I've found that in between a lot of meticulous, 400% zoomed in, pixel-by-pixel work, it's great to get away from the screen briefly and mess around on paper. Lately, I've been adding a bit of rare colour to my sketches with some watercolour brush work.

I hope to be able to post some typeface updates shortly so check back soon!

The Focus of Modern Website Design

2010-07-23T04:10:00.000-07:00

The Focus of Modern Website Design: A look at BBC News' poorly designed update and why it isn't alone.

Countless major websites are 'updating' for the worse.

Perhaps it is the product of the ongoing dispute between web developers and web designers. Developers spurn designers because 'they cant code properly' and designers mock developers for their 'lack of natural instinct and ability to lay out a website in a coherent manner'.

While it's obvious that skill in both areas is a necessity, even if one side of knowledge is slightly weaker than the other; are developers now hugely outnumbering designers? It seems that many major websites today are trading in their beautifully designed space, simplicity and ease of use for large haphazard splashes of information and giving prominence to, albeit nifty, less important fancy features, scripts and web tools.

Chaotic and Cluttered

The most recent example I can think of is the most popular news source online; the BBC News website. They recently updated from a rather old fashioned yet orderly layout into what can only be described as a chaotic and cluttered onslaught of Web 2.0.
Thousands of people have responded to the changes on their editors' blog and, without wanting to delve into quotations, the mass majority having been unflattering.

A well designed website layout needs to give prominence to important information and navigation. This must be immediate. A user needs to see how to use the website and how to get what they want from it immediately otherwise they glaze over and go elsewhere. Whilst it is not the only offender, it's a focus of discussion recently so I'd like to take the example of the BBC News website further.

Inexcusable

Upon entering the website the user is presented with 4 different typeface sizes and weights. Boxes and clusters of text have absolutely no cohesion, random spaces are left between paragraphs and blocks of information. This sort of spacing error is inexcusable for a large, public funded company like the BBC:

Bad Navigation Practice

An extremely important navigational tool is placed far down the page where a user has to scroll around to find and use it, the tool is also bigger than any news story or piece of content on the entire website. Here is a to scale comparison of the largest news article to the right of this enormous navigational tool:

The tool is also unnecessarily complicated to use, and once a user has finally located the area of the site they are looking for, it is often impossible for the user to return to the previous page without using the back button on their browser. This may seem insignificant but it is very bad practice to lose the navigation tool on a page that it directed a user toward.

Inexperienced Monkeys

There were even JPG artifacts in several of the structural images until the BBC News 'design' team noticed and replaced them.
But the most glaringly obvious hint that this website layout could surely only have been designed by inexperienced monkeys is the most fundamentally important towards keeping your website orderly and clean. The alignment of straight edges:

I've used guides to highlight every instance at the top of the BBC News front page where there is a straight edge or blocks of text. Guides are an extremely basic tool used by designers when creating web layouts.
The number of guides is not an issue, this always depends on amount of content. However the spacing and layout of the guides is extremely important to make sure your website doesn't appear cluttered. In other words, each individual guide should have a consistent and systematic amount of space before the next guide. Why does this example allow clusters of items to remain unaligned and yet extremely close to eachother? Because it is poorly designed.

Not a Tirade Against Web Developers

I'm aware that this article probably seems angled towards claiming that Web Developers are to blame for their inability to design, thus fueling the fire I made reference to in my opening paragraph. This isn't the case at all, design and development are both as equally important. Whats the use of a well designed site that doesn't do anything other than display text and images right? This is obviously not a tirade against web developers, but more a look at the possibility of the future of websites and website design.

If unique design is going to become a novelty for the arts world and the business world continues its persuit down the path it seems to be taking these days; aren't we going to end up with a stagnant and ugly world wide web?

Wanbol Web Media Illegally Copy Website

2010-07-01T15:19:00.000-07:00

Wanbol Web Media are supposedly a 'web design company'. A web design company who have stolen the code and graphics from Claire's personal portfolio website and used it for their own.
In fact, there is still some of her work on their website that they are claiming is their own. Even some of the website text is the same! It's actually quite funny just how brass necked these people are.

*Edit* Since this article was posted, the company in question have been alerted to this copyright infringement and have taken down their website. See comments below.

Here is Claire's site:

And here is the stolen version, as used by Wanbol Web Media:

Here at Op45 we respect all great design work and the idea of plagiarism is unthinkable. It's quite hard to imagine how any self-respecting website designer could steal somebody else's website and claim it is their own in order to gain clients.

The most hilarious part about this, is that this company haven't noticed that most of the code for the website still has Claire's name inside it. Infact the statistics and analytics code at the bottom is all still in Claire's name so she is getting information about everybody who visits their website.
So this web design company who are using Claire's work to gain clients, actually have no idea how to code a website properly themselves.

The second last thing we at Op45 want to do is put down another graphic design firm. The last thing we ever want to do is even think about taking somebody else's work. But sometimes the likes of Wanbol Web Media shock your very core.

As Wanbol Web Media claim to 'develop unique website solutions', we at Op45 can shake our heads in disgrace at such audacity as we take the right steps to make sure Wanbol Web Media don't get away with this.

Wanbol Web Media: Design Thieves

Viva la design original.

New Client Website

2010-05-16T13:50:00.001-07:00

We've recently completed work for Phil's Boot Camp, an outdoor fitness training group based in north eastern England.
We're pending final approval as I write this and we're overall enthusiastic about the job as a whole. Having done several business corporate works in a row it was a nice change to let our ideas run with a layout for a trendy-yet-professional outdoor fitness company. The design and structure was enjoyable to develop and the subject was new and interesting.

Phil is a great guy to work with which more than boosted the enjoyment of working on the project.
Our work will be posted on our site as soon as it has been approved; there were a few nice little tweaks and additions to our coding repertoire in the process.

We have also been working on some logo proposals for a company based in the USA. We will no doubt have more details on this as time progresses.

New Portfolio Website Design

2010-04-22T15:13:00.000-07:00

After months of good intentions, I've finally gotten round to re designing my personal portfolio website, www.coullon.com. It's often said that it's harder to design for yourself and I have to say I've definitely found myself agreeing with this for this project. I'm much happier with this new design - the clean, spacious style allows the emphasis to be on the work itself. Have a look at let me know what you think!

Op45 Selected for Web Galleries

2010-02-25T09:33:00.000-08:00

We're happy to say the new Op45 website has been featured on a selection of web design galleries and showcases. With submissions from all over the world, websites are chosen for their original designs and well built code. Op45 can now be seen on CSS Garden, CSSDose and most recently, CSS Design Yorkshire which has a focus on accessibility and usability.

New Website Launched!

2010-02-20T18:26:00.000-08:00

The brand new design of the Op45 website has been launched. We've spent a full week updating the site entirely with brand new work and a new look!

Our signature style remains intact but there are some major changes to the structure and overall feel of the website.

You may notice we have liberated our friends in the attic around the site, you may notice the absence of the information bar to the right, you may notice the clearer interface in the portfolio, clients and services sections. These are just a few of the changes we've made to the site and we hope you enjoy finding the rest for yourself!

'Coming Together' Font Release

2010-02-19T04:45:00.001-08:00

Created for Font Aid IV to benefit the victims of the earthquake in Haiti, the 'Coming Together' collaborative typeface has been released, a project to which Op45 are happy to have contributed. The font consists entirely of ampersands to represent the idea of people coming together to help one another.

The font is available for purchase for $20 USD on MyFonts and Ascender Fonts with other major font distributors coming soon. All proceeds go to Doctors Without Borders. Have a look at our design in our typography portfolio or see if you can spot it in the selection below:

New Website Underway

2010-02-12T12:28:00.001-08:00

The Op45 website is undergoing a huge reconstruction. As the company grows bigger and our portfolio expands with it, we wanted to create more visual space on our website to cater for the ever growing content.
It will be Op45's anniversary soon, and to celebrate we have liberated our friends in the attic, have a browse around the site to find out what they're up to, in the mean time it's back to work for us!

Turnbull Management Website Launched

2010-02-10T06:53:00.000-08:00

We're pleased to announce the launch of the Turnbull Management website today. A newly founded firm specialising in management services, TM wanted a clean, professional design with a strong focus on usability and customer interaction. See what we came up with in our web portfolio and visit the website. Pictures of our print work for TM coming soon.

Work Update

2010-02-08T09:43:00.000-08:00

Work for Turnbull Management is moving along well; we've recently finished the logo and briefly documented the design process featuring photos of sketches and previous versions. Images of the business cards & stationary will be up soon and the website is well under way.

We're also happy to say that our Tudor & Company logo has been selected as this week's 'Featured piece' on LogoGala, a logo inspiration gallery, along with an interview about the design process.

FontAid IV

2010-01-27T08:59:00.000-08:00

A range of projects has kept us busy lately, from new web development to previous client updates, with a variety of other things along the way. We've also participated in FontAid IV, a project started by non profit organisation SOTA to unite the typographic and design communities in raising funds to expedite relief efforts in Haiti. The goal is to create a special typeface that will be sold through several type distributors to raise funds for Doctors Without Borders. Read more about the project and have a look at our ampersand submission in our typography portfolio.