Good design is as little design as possible.

— Dieter Rams

Welcome to my webdesign portfolio.

Enjoy your stay & don't hesitate to contact me if I can help you. More awesomeness in my blog.

View more

NeptunBrigád.hu

Neptun Brigád is a small theater company playing contemporary art. When they asked me for a website I knew a modern or even unusual look would fit them the best.

Trying out different concepts I was still missing the real thing. The turning point was when I found the Neptune/Posseidon background image – just what the doctor ordered! The design process sped up and the site started coming to life.

To avoid clutter I organized the plays so that each of them appears only once on the home page. Every item comes with a short excerpt and with a review chunk (if any), so they give a brief introduction to the visitors. The Masonry jQuery plugin was used to make the layout look less regular.

On the detail pages images, videos and critics are collected from various performances. Such organization allows easy information lookup and it is just perfect for this kind of content. Much better than having the oldschool Plays, Gallery, Videos and Reviews pages, isn’t it?

A new logo was also designed. It is type-only — the “Establo” font I used is so characteristic and recognizable that I felt in love with it instantly :)

http://neptunbrigad.hu/
  • 2013
  • design
  • html5
  • logo
  • php
  • responsive
  • sitebuild
  • wordpress
View more

Letmicro.com

Letmicro is a T-shirt designer website – now with a brand new look!

Started out as a facelift of an existing project but soon turned into a larger-scale redesign. The customer supplied a well-thought wireframe and functional brief so we could concentrate on the graphics and on the new features.

My role was creating the visual design and the front-end development. I like this kind of combination because there is better control on the final result. We went for a clean, easy-to-digest interface that is unobtrusive but unique. Mission completed?

The site’s core functionality, the flash-based Designer was also updated to make it fit into the new look. There are also plans to switch to a JavaScript or HTML5 based Designer in the (near?) future.

http://letmicro.com
  • 2012
  • design
  • email template
  • sitebuild
View more

TopTrade.hu

Back in 2009 I created a design for TopTrade but it never got online. 3 years later the customer decided to go live but I asked them to do a complete redesign first.

It was worth the extra time – the new look is much more clear and concise. It will probably win no beauty contests but it feels sleek and polished. It also leaves more room for new features in the future. It was also more fun to develop a better looking site instead of the less spectacular old one.

The heart of the site is the products page. Here visitors can easily find products using the “Product Matrix” where visitors can filter them using different criteria.

Under the hood

Blinded by Twitter Bootstrap I decided to use that as the underlying framework. To simplify the process I started with the Roots WordPress HTML5 theme. My first steps were a bit uncertain but after getting the hang of it I started to appreciate its logic and structure.

I took advantage of Bootstrap’s grid and UI elements such as buttons, tabs and form design. The final “Ah ha!” moment  was when I realized how easy it is to add extra stuffs like lightboxes and tooltips without installing extra plugins.

http://www.toptrade.hu/
  • 2012
  • bootstrap
  • design
  • php
  • sitebuild
  • wordpress
View more

firstmotors.ru

Brand selector for a Russian car dealer with html5 and microformats. Overkill? Not at all.

This was about my 20th brand selection page and it’s always a challenge to create something new. This time the key was the four smaller image on the top – they not simply made the page more colorful but allowed showing more from the dealer profile as well.

Apart from other brand selection pages I started out with a fresh html5 starter pack by Radu Chelariu. I can say it’s a pretty well-built minimal template which required only minor modifications to fit.

The design and the layout is pretty straightforward but this is intentional: give visitors a brief preview and two big buttons to click on. On the bottom there are four of the latest dealer news to provide additional details. The dealer contact info complies with the hCard microformat standards.

http://www.firstmotors.ru/
  • 2012
  • design
  • sitebuild
  • wordpress
View more

portablefreeware.com

Redesigning The Portable Freeware Collection (TPFC) started with a small cosmetic fix but when being at it I couldn’t help holding back my ideas.

TPFC is perhaps the corner of the web I visit most frequently. The site maintains the largest collection of portable freeware applications by no doubt. Its forum has a great community with like-minded people, including me.

After sending my early drafts to Andrew Lee (site owner/programmer) he set up a forum topic where we could discuss the details with the community.

The old site had a table-based layout with inline styles and JavaScripts (ouch!). As an active user it was a great challenge to get the most out of it by creating a good-looking, compact interface. Andrew did a great job on developing a compact structure during the years so complex changes were not necessary.

My biggest functional addition was to hide certain elements and make them visible with a toggle link. This way more stuff could be added without making the entry crowded. Screenshots and latest comments are now available without leaving the main listing. A Full/Compact view toggle button was also added to show/hide entry details.

Add/Edit entry pages also went through a bigger transformation:

  • consistent error messages site-wide
  • scroll to missing or erroneous input fields
  • “Test url” buttons to validate typed URLs
  • “Fullscreen edit” feature for distraction-free composing

The community of TPFC was also involved. Many user suggestions were built in and they also helped with providing browsing habits and spotting errors.

I’m glad I had the chance to contribute to the site this way. Go TPFC!

http://portablefreeware.com
  • 2012
  • design
  • sitebuild