Fernando Seminario - Senior Web Designer | ORIGIN PC Website Redesign
15473
single,single-portfolio_page,postid-15473,ajax_fade,page_not_loaded,,qode-title-hidden,qode-child-theme-ver-1.0.0,qode-theme-ver-7.7,wpb-js-composer js-comp-ver-4.7.4,vc_responsive
Date

January 01, 2014

Category
Web Design / Development
Tags
2014, Bootstrap 3, Copywriter, LESS, ORIGIN PC, Responsive, TinyPNG
About This Project

Two years after the first redesign, mobile visitors starting increasing and created the catalyst need for another redesign. I used Bootstrap 2 to get some traction but foresaw some inefficiencies as Bootstrap 3 was soon to be released. Soon after, I decided to transition the existing work created on 2.0 to 3.0.

 

Along the way, optimizations were done to increase loading speeds. In addition, image optimization with TinyPNG was also used. When images entered the viewport, animations were triggered using jQuery. A combination of images were used to reveal the chassis of the case as the viewer scrolled. Lastly, LESS was utilized to add efficiency to front-end development. Created in an include file, this easily allow future updates to Bootstrap 3.

 

To add complexity to the launch, parallel was the launch of ORIGIN PC’s new desktop case. I project managed both projects and launched successfully in Q1 of 2014. This also became an opportunity to flex my creativity in copywriting. Most of the headlines were thought up by me and I assisted in most of the copy writing process.