State Farm

Senior Designer // Razorfish

We created the Digital Visual Template System (DVTS) in 2012 to facilitate statefarm.com's transition to a fully responsive site. DVTS is a complex design system comprised of everything from design spec to code to accessibility compliance. By following the detailed DVTS documentation, any product team can create a page for statefarm.com

Responsive homepage displayed on phone, tablet and desktop
Various interior pages displayed on several iPads, artfully arranged
Detailed UI spec for buttons
Wireframes of a responsive page template – phone, tablet and desktop are shown
Detailed UI spec for data content modules
Detailed UI spec for data entry modules
Contextual documentation on how image and headline positioning shift responsively
Documentation on cropping hero images for desktop and tablet
Previous

Caterpillar: Customer Portal
Next

State Farm Pocket Agent