Use Case

Over years of projects, our teams had fallen into habits where collaboration was not always at the forefront. This lead to developers and designers misunderstanding and even resenting one another. By creating rough wireframes, we were able to create a culture of collaboration by bringing the teams together to create rough sketches together. After documenting them, both developers and designers could focus on their tasks and later merge their outputs together. This solved both a cultural problem and increased velocity.

Challenges

Method

  1. Identify basic content needs for a given page, based on previous research and existing page content
  2. Prioritize the content to provide a first level of layout hierarchy
  3. Leverage the component design system to create wireframes

UX Outcome

We created content-driven wireframe mockups that allowed developers and visual designers to work in parallel. The developers were able to code rough pages based on divisions and the previously designed component design system.

Powered by Fruition