Mood Swing » Nostalgic

Folio

page: [1] 2 

Monday Oct 06, 2008 Mara Nepomuceno


Similar to Rabong.com, Mara's site main goal is to showcase her work with an emphasis on her intellectual property. The Design was minimal, the bulk of the development was spent on Image manipulation. The site generates all the images on the fly e.g. watermarks, and thumbnails with effects; it also employs a caching system to prevent server congestion.

The website itself is made in such a way that a novice to web development can update the site by simply uploading their content. It also supports Piclens and RSS feeds for syndication.

(DRAFT) Imdex Page
(DRAFT) Gallery Page
(DRAFT) LightBox
Index Page
Main Page with navigation
Gallery Page
About Page
Piclens

Sunday Jul 06, 2008 Rabong


This was design for Perry Mamaril to showcase some of his works, The emphasis was on the images, and present it in such a way that it would be sleek and still be usable. For these I used the Lightbox Javascript plugin to display a modal slideshow and also enable Piclens for those of you who have the plugin.

The drop shadow with reflection effect on the images are generated automatically using php with a simple cache system to save on system resources. The design was inspired by the piclens interface and the reflection effect made popular by Apple.

Imdex Page
Gallery Page
Lightbox Interface
Piclens Interface

Sunday Aug 12, 2007 Kabuhayang Pinoy

This is an attempt to create an employment based site to provide a free venue for Employers to post job ads, as well as a place where job seekers could find up to date job ads at simplest and most straight forward manner. Some of the site's features are:

  • RSS feed for recent job ads
  • Downloadable Resume's in PDF format

You can visit by going to this address: http://KabuhayangPinoy.com

puddles - index page
puddles - index page
puddles - index page

Tuesday Jul 17, 2007 Project Typecast

This was designed last year and was my official entry to the 10th Philippine Web Awardsa; Which consiquently won in the Personal Category. The layout revolves around 4 themes which signify the 4 seasons in a year; and the components were primarily flash and opaque PNG graphics. The layout itself has 3 basic layers:

  1. background - tiled images
  2. facade - opage borders and flash backdrops
  3. actual content

I relied mostly on PNG's to achieve the layered effect and CSS to glue the media and content all together, then add a bit of javascript for good measure. Below are the screenshots of all four themes under different sections of the site. Note: to view the actualy size of the images (1340x768), you may want to use the Save Link As option on your browser.

puddles - index page
puddles - index page
puddles - index page
puddles - index page
page: [1] 2 
 
Back to top
contact