Skip directly to content

Sunset Pizzeria

Drupal Version: 
This website looks great on mobile devices!
Why does this website deserve to win?: 

For what reason did I choose the Best Interesting Website Built With Drupal category for this nominee? The answer is simple: I belive that this Drupal 7 site is old school and has a timeless style.
This website and its mobile cousin (mobil.sunsetpizzeria.eu) was made for a retro pizzeria and restaurant in the European Union. It is in hungarian, so please do not blame me about it.
This is the third Drupal website which I made from A to Z. When I was building this site I was falling in love with Drupal more and more. I suppose I have learned so much about Drupalism and I would like to work with Drupal again.

My goals are with this nominee:

  1. To show that the good-old graphic design loaded web design could be appropriate in these days and not only the flat boxy or the popular minimalism web design as well.
  2. To join to the Drupal community somehow and start to being the active member of it here and there.
Website Launch Date: 
Thursday, March 22, 2012
How It Was Done (optional): 

About the Web Design Process:

In my daily design process there is no doubt that Adobe Fireworks is the best tool for screen and web design however this tool is a stepchild of the Creative Suite. To be honest: I used to work with Photoshop untill 2012 but nowadays I prefer Fireworks much more when web design comes.
Using fireworks I got a lot of features which can keep my image heavy web design file size and the number of the HTML request such small as it could be possible. For instence: with the PNG8 alpha transparency export of Fireworks I could keep the huge background image (960x370 pixel) of the header such small as 158 KB (!). Beside that I used it to make a sprite image which reduces the HTML requests.
The graphic design and the website prototyping with Fireworks pages and layers was quick and very efficient. You can read more about this great tool at Fireworks Interviews.

About Designing the Layout:

This site does not use any 3rd party basic theme because my goal was to learn the theming basics of the shinny Drupal 7 CMS. The web design has a a grid based layout, which is a simplified version of the 960 grid system. Insteed of using the 'push and pull' method of 960gs, the main content area is rather floated to right because I consider the standard box model is better than operating with negative margins. Using CSS3 features was an obvious way for me and I tried to design the smaller UI parts of the Drupal system such as contact form, text area, search box, login and admin tabs, etc.

About Coding Process:

In the beginning of the 2012 year I switched not only my web design tool but my coding tool and environment as well. Lately I use an Eclipse based IDE for coding Drupal 7 themes which is Aptana Studio 3. I would like to learn more how to use its built-in GIT and terminal support, because the version controll and the DRUSH feature could make my working process more effective.

The project uses the following contributed modules:

  • Views 3 (and its dependencies)
  • Colorbox
  • Quicktabs
  • Transliteration
  • Pathauto
  • Redirect
  • Backup and Migrate
  • CAPTCHA
  • IMCE, WYSIWYG and TinyMCE
  • XML Sitemap
  • Site Map
  • Site Verification
  • Google Analytics
Owner's name: 
Sunset Pizzeria and Cafe
Development Company: 
Freelance
INTERCISA is tiny Drupal Shop specialized in bespoke Drupal theming and Drupal site building for local businesses in EU.