Good design is obvious. Great design is transparent.

— Joe Sparano

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

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
View more

Levego.hu

Levegő Munkacsoport (Clean Air Action Group, CAAG) is one of the best-known environmental NGOs in Hungary. My task was to redesign the website and change the engine from Drupal 6 to 7.

The redesign was a fairly easy process. I kept the boxes from the old layout and added a full-screen sky background, making the site light and literally “airy”. The boxes got white background so they also add freshness to the site.

caag

The CAAG site before the redesign

The header is semi-transparent to allow viewing the underlying sky background image. I wanted the main menu to be more distinct and the active menu item more noticeable. That’s why I used a subtle dark blue gradient and white colours. The breadcrumb has also a white background so it nicely connects to the active menu item.

Moving content from Drupal 6 to Drupal 7 was a major issue, taking up about 90% of the time. I have to do trial and error experiments to find out what’s the best path to follow. There were about 3.500 articles in about 10 content types so I had to be careful how to solve this. Finally I used a combination of Views and Feeds modules and they did a good job though some manual adjustments here and there were required.

I have learned many new things in Drupal during the project. Though it haven’t become my top CMS now I feel more confident in it.

http://www.levego.hu/
  • 2014
  • design
  • drupal
  • html5
  • newsletter
  • php
  • sitebuild
View more

Tescobaba.hu

Tescobaba.hu is a website for young parents and for those who are looking for their first baby.

Currently the site has 25000+ registered users and the number is growing rapidly. With several new articles a day it will soon become a knowledge base of pregnancy and parental information, if it is not that already. We also have prominent guest authors who regularly publish their articles, generating large numbers in visitor statistics.

New modules like searches and calculators are also added continously to provide as much information as we can.

Behind the Curtain

We had our original design for months but then we had to take over the corporate identity of Tesco Loves Baby. That was a great challenge because Tescobaba.hu is rather a portal with much more elements. The updated design looks better and feels more fresher so I regard that as a positive change.

First we had some concerns using WordPress but after all it turned out that it performed pretty well. Sometimes we scratch its limits but there is always an easy way to accomplish things and that is what makes WordPress beautiful. The site will soon reach its first anniversary and we hadn’t got any serious issues with the CMS.

http://www.tescobaba.hu/
  • 2014
  • design
  • html5
  • newsletter
  • php
  • wordpress