Archive for the ‘Graphic design’ Category

Working for Essent

donderdag, juli 15th, 2010

One of the main reasons I got so busy is that got a new project at Essent, an energy company in the Netherlands. My join up with Frontend heroes paid out there, THNX Guys.

It’s a nice work environment where I met lots of nice people and new colleges and, off course, new twitter friends!!
I’m working on an intern project in which I do designing and frontend work and discovering Movable Type. Also a nice blogging tool. To show you some designs, these are a few widgets I’ve been working on for a dashboard:

essent-widgets

Fontstruct applicable? Dingemans Architecture designed this tile wall with it

zaterdag, mei 15th, 2010

tegels-tunnelwand-Hengelo Dingemans Architectuur

Jeroen architect at Dingemans architectuur is a co-worker friend who is working at our office was working on a tile wall for the station in Hengelo. The station is a central point of departure for trains into Europe and to local places. He told me his concept to design lines along which all the different Capitals of Europe would be placed in names, kinda like a Metromap.

So, I pointed out that he could do this very easy with Fontstruct, a program whitch I had been working with for a while. It worked out great, it’s easy and fast to get a font out, better then having to draw and copy past every block in the right place with Illustrator or Coreldraw.

More images overhere: Tile wall Dingemans Architecture

I am now officially a frontend hero!

vrijdag, mei 14th, 2010

As off this week I officially joined frontend-heroes.
Frontend-HEROES is the loose collaboration of frontend developers working individually or together on bigger interface projects.

I myself was introduced by my friend Wilfred to join up on a project for Agis in 2006. I was then a good designer, but no-good frontend developer. Working with (crappy, I didn’t know yet) WYSIWYG tools like GoLive and Dreamweaver. Wilfred helped me into W3C, semantic and good HTML CSS coding. It opened my eyes and made me in 4 years the better and happier frontend, user-interface and interaction designer I am today!

Today we are still exploring the fronteers on good semantic coding. We are passionate about our work, we develop better things for a better cause. We like working opensource to share our things with the rest of the world.

Here here! for frontend-heroes

Thnx guys πŸ™‚

Klonk Narrow – Fontstruct typedesign version 2

woensdag, mei 12th, 2010

Klonk-Narrow

Update on Klonk typeface:
After looking at it posting this article (actually my first review). I thought Klonk V1 was a bit to wide in comparison to the Knip and Gruytefabriek type. I made a new version called Klonk-Narrow.

Download the font overhere: klonk.zip
Download over here at Fontstruct: Klonk-Narrow
Thnx for the tip Aphoria! πŸ™‚

Fontstruct team also made it a Top pick on the Fontstruct site. I’m very proud and gratefull, thnx Afrojet!

Building typefaces gets easy with fontstruct

dinsdag, mei 11th, 2010

Fontstruct-font

In the early days of my existence as a graphic designer, the 90ies. I was working a lot with industrial types and monospaced block fonts doing a lot of techno label and flyer designs. At that time a had to build and shuffle a lot with illustrator to get everything worked out and in place.

Today it has become a lot easier!
Thanks to Fontstruct by Fontshop. For example I took 2 fonttypes of Atelier RenΓ© Knip and Gruyterfabriek. If you look at them, the’re almost the same.

font-1

This is a block kind of type, so we can use fontstruct to build it. Fontstruct has a Lego kind of library with buildingblocks great quickly build fonttypes like these. The only thing you need to do is sign up, build your font on a square grid, like this:
fontstruct
Click download and you are ready to go! The download button renders a ttf file you can use as a real font. Great isn’t it?
All your favorite monotype block fonts made in a minute. It took me about 4 hours this weekend to build.

Okay it doesn’t support the big round corners. But I’ve got the ttf. Open it in a proper fontddesign program and you can add the nice round corners of the C or G to get it right. A kid can do the laundry, as we say in Dutch.

Feel free to use it and try it out.
Download the font overhere: klonk.zip

Open standards not only for web! πŸ™‚

2010 Design

zondag, mei 2nd, 2010

2010-design

Busy on 2010 Design, for covers. Still not there, but enjoying the process.

Words on typography and usability on the iPad

woensdag, april 21st, 2010

Typographers are not enthousiast about the lack of good font support on the iPad.

What the iPad is Missing (No, it’s not a Camera) By Fontshop

Never the less, as interaction designer myself I do embrace the use of web applications. Why? Is iBook important? No! It’s not useful at all. Publishers should come out of there cubicles and explore the best way to present digital media: THE WEB!!! We are allready helping you a decade, developping better ways of presentation for digital media. It’s opensource and userfriendly.. Don’t miss the boat!

Nice article by ‘Guru’ Zeldman on developping for iPad (eo):

http://www.zeldman.com/category/usability/

Here you can generate your font code for web, all browsers:

http://www.fontsquirrel.com/fontface

So you need a typeface? Here’s a suggestion

dinsdag, april 20th, 2010

typefacechart

Nice! I got as far as OCR πŸ™‚

Thnx JD!

Website Vermeulen Reclame Carwrapping is LIVE!

zaterdag, april 17th, 2010

Vermeulen Carwrapping Belettering

Our latest work.
Design and development of the restyled Vermeulen Reclame website.
Vermeulen reclame is specialist in the field of carwrapping, a new form of commercial application for cars. With carwrapping the whole car is wrapped in a printable foil for a full covered effect. Vermeulen was one of the first to offer this technique in the Netherlands.

At first I wanted to build the whole website in Flash because there was a lot of moving content involved, but the good Frontend developer that I want to be said: It’s not that necessary! There’s little real animation. So I build all in HTML with 1 flash element and jquery. I managed to keep the HTML css very small which I’m very proud of.
The design is still very flashy, you wouldn’t think it’s such little code.

I thought of HTML 5 but that’s going to be the next revision. First we’re gonna check out the SEO and build the WrapmyrideTV site.

Many thanx to MXV!!

Later on more…

LocalDeals Jimmy is live!

dinsdag, maart 23rd, 2010

localdeals

LocalDeals is LIVE! Starring our latest character Jim. LocalDeals.nl is a visual mapped search engine for computer, mobile and other handheld devices (such as the iPad) for finding the lowest pricings of any kind of product in your local area. If you want the latest deals in your neighbourhood you can find them overthere.