The online portfolio of Sanford Guerrero, Web Developer and Designer
July 27, 2015
Recently I was asked to redesign the Day & Zimmermann Open Shop website, which would be responsive for desktop and mobile browsers. Currently, the project is on hold.
The design was made in Photoshop.
July 27, 2015
ECM Print Shop Home Page
Development Time: 2.5 weeks.
Launch: November 2014
Purpose: For Day & Zimmermann marketing employees to browse and order marketing collateral. (e.g. posters, stickers, signs, product datasheets, company booklets, etc.)
Product listings.
Product preview.
Order form. Orders get emailed to administrator.
July 27, 2015
D&Z Open Shop Home Page
Development Time: Two months.
Launch: November 2014
Purpose: For contractors to search, view and apply for current engineering, maintenance and construction jobs.
Job search results.
Job application page.
July 27, 2015
Splash Screen
iOS App
Development Time: 1 month.
Go-Live: September 2014.
Purpose: To allow Day & Zimmermann employees in the ECM (Engineering Construction & Maintenance) business to browse and view contact information of current third-party vendors the company does business with.
Vendor data synching
Vendor Carousel
Vendor search and results list.
Vendor info screen.
March 5, 2011
2010 Year in Review
Completion: 2 days.
Launch: December 2010
2010 Year in Review Voting Form
2010 Year in Review - jQuery
February 23, 2011
Pencil Project is a free Firefox plugin tool that helps web designers sketch a web page they’re planning to build. When they’re done, they can export their creation into an image file, whether emailing to clients or beginning designing.
For me, this tool is nice because I don’t have to waste any paper or ink sketching and I can easily import into Photoshop or Fireworks and begin designing.
Pencil Project for Firefox, a free web page prototyping tool.
February 20, 2011
Varsity All-Stars, Front-End
courierpostonline.com/allstars
Total project turnaround time: Two weeks.
Utilizing: PHP for dynamic server-side processing, MySQL for data storage, and HTML, CSS and Photoshop for GUI design.
Purpose: For readers to browse and view the best high school athletes in the area and for administrators to import them onto the database.
Varsity All-Stars, Back-End Data Entry Form
Varsity All-Stars, Athlete Image Upload Form
Varsity All-Stars, Back-End Home
February 16, 2011
Wireframing is nothing more than sketching what a web page or any computer or mobile app would like when a user is on it. I’m currently designing a web page for my work.
February 13, 2011
courierpostonline.com/varsitylive
Used table-less HTML, CSS and Photoshop for GUI design. This second version design of this sponsored, co-branded website, is loosely inspired by the Comcast SportsNet GUI interface. (See below.)
February 13, 2011
Help Wanted, 2011
courierpostonline.com/helpwanted
Use: HTML, CSS, Photoshop
February 11, 2011
My "Game of the Week" Branding Logo on a newspaper page, 2/11/2011
I re-branded the Varsity Game of the Week page back in December, 2010 with a new logo and web page re-design with table-less HTML, CSS and Photoshop. My logo ended up being in the February 11, 2011 issue of the Courier-Post Varsity section, page 4D.
February 9, 2011
Camden Computing Services Help Desk Intranet - 2004
Before my maturity in the PHP and HTML web languages, I designed and used a simple and intuitive intranet page for all student college computer help desk employees. Utilized PHP, HTML, and JavaScript and CSS to hide or show left-rail menu texts.
February 9, 2011
Republican National Convention, 2008 Section Front
Used HTML, CSS, Saxotech Script (for headline display), and Photoshop for section titles.
February 9, 2011
The Obama Presidency - January 2009
All HTML, CSS and Photoshop.
