The proliferation of screen shapes and sizes requires web developers to adopt new methods of design and development. Erik Porter, Creative Director, and Dave Rodriguez, Director of Front-End Development, join Mike Osswald and Leslie Mohn to discuss how Hanson’s processes and workflows are evolving to meet the challenges.

1. EXECUTE
WITH PURPOSE
AN EVOLVING PROCESS
FOR DESIGN

2. LESLIE MOHN
DIRECTOR OF
USER EXPERIENCE
ARCHITECTURE
ERIK PORTER
CREATIVE
DIRECTOR
DAVE RODRIGUEZ
DIRECTOR OF
FRONT-END
DEVELOPMENT

3. DESIGN EVOLUTION
SCREEN SHAPES AND SIZES
11,868 distinct Android devices in 2013 (up from 3,997 in 2012) – About 12 iOS devices
Here are the 80 most common screen resolutions as reported by browser metrics
They range from 122 × 133 to 2560 × 1600.
both screens are 2560 × 1600

4. DESIGN EVOLUTION
DEVELOPMENT ROLES
EXPERIENCE DESIGN
Architecture
+
VISUAL DESIGN
Branded
Design
+
INTERFACE DESIGN
Interface
Development

5. DESIGN EVOLUTION
DEVELOPMENT ROLES
DESIGN
Architecture
Interface
Development
Branded
Design

6. DESIGN EVOLUTION
RESPONSIVE PROTOTYPES

7. DESIGN EVOLUTION
VISUAL DESIGN

8. DESIGN EVOLUTION
VISUAL DESIGN

9. DESIGN EVOLUTION
DESIGN DEVELOPMENT

10. DESIGN EVOLUTION
DESIGN DEVELOPMENT

11. DESIGN EVOLUTION
DESIGN DEVELOPMENT

12. See more at
HANSONINC.COM/SUMMIT