Initial Sketches: Examining Design Ideas and Information Architecture | High-resolution slide show on the home page. Thumbnail sub-navigation on the gallery pages. Classification of images for top-level galleries and possible sub-classifications
Design phase 2: Omnigraffle | Early design of proposed information architecture (site map) and Gallery page wireframe. (Later design iteration simplified both the photo sub-classification layer in the information architecture and changed to a slide show rather than featured-image on the gallery page.)
Wireframe Iteration: Omnigraffle to Photoshop | Early low fidelity wireframe iteration: design refinement, reducing clutter and incorporating Supersized (home page) and Lightbox (gallery page) jQuery slideshows
Photoshop Composition Design Iteration: Navigation Banners and Favicons | Initial transparent banner on home page was replaced with opaque banner to improve legibility of navigation across variable background imagery. Favicon development started with Pietro Ortiz’s initials PRO and evolved into a simple P for improved legibility at Favicon.ico display size.
Final Site | Home, Gallery, and About sample pages. Website developed with html, css, JavaScript, and jQuery in Adobe Dreamweaver and Photoshop. Copyright and ownership metadata embedded in gallery photographs with Photoshop. Email link protected from spam-bots with JavaScript obfuscation. [All photographic website content copyright Pietro Ortiz. Website Design by Robin Kimmy, 2012.]
gLike
Pietro Ortiz Photography Web Site Design
Redesign for a photography website covering a range of image types. Built with HTML, CSS, and jquery for Pietro Ortiz Photography & UCSC-Extension Web Design Project class.
View Website