RWD design process reference & resource guide
As I moved through design and implementation processes, I documented, demonstrated and maintained explanatory process reference guides, including video demos, for guiding teams working with our responsive design process. 
The reference guides are hosted on searchable wiki pages that include related documents and downloads for ease of sharing and discoverability.
I presented these reference guides in our Design Standards team's educational series for team training and evangelizing of our design system.
The wikis include reference for working with environment managers, content implementors and developers, and parameters for visual quality assurance to ensure design fidelity in production. I also developed a role-based orientation guide for optimizing team dynamics (see below).
RWD design process video guides
The videos below demonstrate image optimization using Adobe Generate and ImageOptim, and use of workflows in our content management system (Adobe Experience Manager) for creating responsive breakpoint images, retina and non-retina displays. 
At one point, I analyzed and compared results of our image optimization process using Adobe Generate and ImageOptim software against Akamai, a potential compression vendor and concluded that our process was at least comparable if not better, especially relative to cost of the service.
RWD team dynamics: Process analysis, recommendations for role-based orientation
After completing the first series of legacy page conversions to responsive components, I compiled detailed observations and concerns about working with teams who are new to  AEM and the RWD process to set expectations and provide guidelines for interaction prior to the business team setting priorities. 
I specifically addressed the importance of Design being in a position to lead and moderate the process, that content writers should guide business, and I outlined points of awareness for designers, business leads and producers, content writers, and content implementers. 
I identified common recurring conflicts and gaps in awareness and recommended pathways for resolution. Considerations include role-based orientation sessions to prevent conflicts, flexible collaboration with writers to adapt responsive components and content as business requirements change, parallel communication with content implementors to anticipate such changes, and recognition of development bugs that producers might mistake for design production errors.
Back to Top