People ignore design that ignores people.

— Frank Chimero

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

baksaimre.hu

Complete rework of Imre Baksa’s website.

The previous website of the Hungarian actor Imre Baksa was among my first works and it was rather static. Now it has been fully redesigned and a CMS was used to make content dynamic.

Behind the scenes ProcessWire CMS serves the content and it does a wonderful job. It’s still a joy to work with and makes backend tasks ridiculously easy.

On the front-end the jQuery plugin Isotope makes blocks appear in a “packery” style layout. Additionally, items are opened in a lightbox which allows quick access to pages without navigating away.

The sidebar on the left features a large knob to filter items by years, and some other buttons to filter items by type.

All these make browsing the site a unique experience and fun.

http://baksaimre.hu/
  • 2015
  • php
  • processwire
  • responsive
View more

lelkesdesign.hu

The Lelkes family is a Hungarian family whose members over several generations succeeded in distinguished effort in their contribution to the arts in the fields of painting, sculpture and other arts.

Their new website, lelkesdesign.hu is showcasing their works and their biography, including a tribute page to their grandparents.

There are hundreds of artworks uploaded with many custom fields and it’s still easy to manage them thanks to ProcessWire, even for the client.

UIKit is used for the most front-end stuff, including lightboxes, scrollspy, offscreen menu and even sliders. It was a joy to work with and provided a solid foundation.

http://lelkesdesign.hu/
  • 2014
  • php
  • processwire
  • responsive
View more

La Perle Noire.hu

La Perle Noire is a stylish restaurant and lounge on Andrássy Avenue, Budapest with quality French and Hungarian cuisine.

The website features a large slider showing artistic gourmet dishes, the modern-age interior and the renowned outer garden. Images play a major role establishing the elegant atmosphere of the website as they are really outstanding. Take a look at the Photo Gallery and you will surely understand why.

Responsivity was one of our main goals as more and more visitors come from handheld devices. Both the site and the table reservation service can be easily reached using mobile phones or tablets.

http://laperlenoire.hu/en/
  • 2014
  • html5
  • multilanguage
  • paqartdesign.com
  • php
  • responsive
  • wordpress
View more

Obstermann’s.com

Obstermann’s is a new gummy candy brand on the market featuring 100% natural ingredients. Their new website is also free of artificial flavors but still eye-candy :)

We were after a catchy but mature web design because one part of the site is a general introduction while others are for kids and parents. The bold top menu and the slight radial gradient play nicely together and create a nice frame that suits well for both purposes.

Product pages share the same graphical elements but they are a bit more playful thanks to the various pets and fruits floating around. The main slider is also of a kind that one simply can’t stop clicking on it because it just feels so great :)

http://obstermanns.com/en/
  • 2014
  • design
  • html5
  • multilanguage
  • multisite
  • paqartdesign.com
  • php
  • wordpress
View more

Paqart Design.com

Paqart is a creative workshop and group specialised in brand and packaging design. The previous website had some usability issues (big browser only, buggy navigation, separate content and portfolio images, etc) so the redesign was an important thing to do.

One Page Layout

I believe people would rather scroll a webpage instead of clicking on menu items to reveal subpages. That’s why a one-page layout was used, as the quantity of content made that possible. Showcase of previous works are now right below the corresponding sections to give visual support to the content. There are jump-links to the main sections of the site and the main contact form is available from everywhere on the site. The website is also responsive.

Optimizations

Many optimization tricks were used to keep the size minimized:

  • lazy loading images, iframes, slilders and lightboxes
  • using subsets of webfonts instead of full stacks (thanks to fontello)
  • disabling extra features on smaller devices
  • merging and minimizing JavaScripts and stylesheets
  • shrinking images, CSS3 animations, htaccess tricks, etc.

As a result the website loads only about 700 kbytes when starting and even less on smaller devices. Thanks to lazy loading sliders and lightboxes, images are loaded only when the user requests them.

Wired Up

Originally we planned to use WordPress but because of its weak multilanguage support I started to look for a better solution. Finally found ProcessWire and that was the best thing that could happen. Even that I was new to the CMS I felt comfortable in it in a few days. I could concentrate on the actual task instead of trying getting WordPress to do something it wasn’t designed to do.

http://paqartdesign.com/
  • 2014
  • design
  • html5
  • multilanguage
  • php
  • processwire
  • responsive