LeMond Bikes, www.lemondbikes.com - Designed to showcase the new LeMond line of carbon fiber bikes, the site is 100% XHTML and CSS web standards mark-up..
Napkin sketch highlighting overlapping, horizontal main navigation element.
LeMond Bikes - Initial PDP concept sketch.
More napkin sketches exploring the various page types that would be needed.
Sitemap for site (in-progress annotations).
www.lemondbikes.com (2006)
LeMond Bikes - Bike Category Listing Page Mockup with redline.
www.lemondbikes.com (2006)
LeMond Bikes - Bike Model/Line Detail Page Mockup with redline. Exploring image zoom feature.
www.lemondbikes.com (2006)
www.lemondbikes.com (2006) - Animated product feature.
www.lemondbikes.com (2006)
gLike
LeMond Bikes - UX & Website Build
THE CHALLENGE
+ Web budget slashed in half over the previous year
+ Incorporate LeMond’s new branding
+ Build in scalability to grow around the product line
+ Use web standards to leverage accessible content
+ Develop a dynamic site without a back-end
+ Address information findability and nav complaints
THE SOLUTION
+ Utilize existing web standards xHTML and CSS code
+ Redesign entire site from ground up
+ Simplify top nav by removing drop down menus
+ Design bike indexes to cross-connect the site
+ Build simple PHP arrays to ease in templating
+ Code entire site in tableless W3C xHTML and CSS
