My role in the project was to create a seamless visual skin that was responsive to the screen sizes of various touch devices and desktop resolutions. Collaborating with another senior designer, we led visual and UI design to build a functional prototype, skins, and animation mockups. Throughout the design process we worked closely with Razorfish UX leads, interaction designers, technical leads, and project managers in a highly iterative, Agile environment.
Partnering with UX Research throughout the process, we did usability testing to ensure a customer-centric approach and identify user painpoints and problem areas. Visual design adhered to common guidelines around responsive design best practices and ADA compliancy. Test dimensions were created for the iPad 2, Galaxy Tab 2, and common desktop resolutions. Breakpoints were established to support tablet and desktop resolutions of 600, 768, 1024, and 1280 pixels. Mobile devices were not included in the initial roadmap based on UX research and user models.