The online portfolio of Sanford Guerrero, Web Developer and Designer
February 9, 2011
Before I created the Election 2010 frontpage template, there was this back in 2008…
Election 2008 Frontpage Template
I used HTML, Photoshop for graphics, Saxotech script (a proprietary programming language used to display news articles), and JavaScript to run the vertical scroll (running under “Key New Jersey Results”). See picture.
November 7, 2010
A collection of postcards I published for Rutgers-Camden admissions, circa January 2006. I took stock photos and manipulated them to add text or graphics.
November 3, 2010
Last night, I gave my election results theme a slight upgrade. I gave the editors a way to update a candidates vote tally, as you see below.
2010 Election Results Front-Page Upgrade
The admin panel, where an editor could edit candidate’s info or delete a candidate, was programmed in PHP and all the data is stored on MySQL database.
Election results admin, where managers update their vote tallies.
October 31, 2010
2010 South Jersey Voter Guide - Frontpage Edition
Completed: Under a two-hour turnaround inside a work day.
Took the election map elements from the original voter guide standalone page and embedded an iframe on the front page, while pulling latest election headlines and links. All graphics were made either with Photoshop or Illustrator.
October 14, 2010
2010 South Jersey Voter Guide
courierpostonline.com/2010voteguide
Project Conceived: Late-August 2010
Project Completed: October 13, 2010
October 6, 2010
Phillies Front Page Topper
It was all Photoshop for doing image manipulation and fade-in/fade-outs and graphics, while keeping the font and colors consistent with what Major League Baseball used for their branding. HTML and CSS was used for image and object page positioning.
September 13, 2010
Flyers Paper Promo
This was a front-page promo telling readers to pick-up a copy of the newspaper for expanded Flyers-Blackhawks coverage, designed back in June, 2010.
September 9, 2010
Courier-Post Back to School
courierpostonline.com/backtoschool
Project Originally Completed: August, 2008
Last Updated: August, 2010
Made the layout and graphics using Adobe Photoshop.
September 9, 2010
High School Varsity Sports Live Video Page
Quick update. Last month, I made some slight alterations to the page layout and page logo, live video is on with a weekly high school football highlight show and the game of the week, and my work locked in a sponsor, Velocity Sports!
Here’s hoping for more page views and more income! 🙂
September 9, 2010
Stateline
courierpostonline.com/stateline
Project Completed: August, 2010
A special section focusing on New Jersey state politics and latest headlines from the state capitol. I made the title banner in Adobe Photoshop. That pen tool was useful in making the silhouette of the New Jersey capitol dome.
August 30, 2010
South Jersey Guide
Project Completed: August 2010, in a one-day turnaround.
Used Photoshop to create the title banner and the logos. Used Saxotech programming code to query and display the relevant section front article headlines.
August 17, 2010
V-J Day Page Re-Design
Project Conceived: July 2010
Project Completed: August 2010
Logo by Sheldon Sneed. Huge background image designed and optimized by Lavinia DeCastro. I created the title banner and page layout in Photoshop.
August 4, 2010
High School Varsity Sports Live Video Page
courierpostonline.com/varsitylive
Project Completed: July 2010
Page was designed in Adobe Photoshop and primed in Dreamweaver. Our live video provider Livestream.com allowed us to use their video player, live chat and video library widgets for content. Proprof.com provided free polls.
UPDATE: I’m happy to announce that my live sports video page got a big-money sponsorship deal with an area store and that this page will go live this fall, right in time for high school sports season!
August 4, 2010
 Original CourierPostOnline.com Design |
 New CourierPostOnline.com Design |
Project Conceived: April 2010
Project Completed: June 2010
The layout was based on our sister newspaper web site, the Asbury Park Press in Neptune, New Jersey. However, I added and tweaked some aspects to make our page look like our very own.
Front-page Tweaks:
– The news ticker was coded in HTML, CSS and JavaScript and pulls in the latest ten stories from the paper’s content management system.
– The four red tabs were coded in HTML, CSS and AJAX. Each tab contains specific content. When a person clicks on a tab, the section loads immediately without reloading the page.
– I tweaked the original template’s color scheme from light-blue to burgandy. I utilized Adobe Photoshop to carefully re-color every button, border and image holders without re-sizing the image.
– The center news well was organized.
