TreeRing

Challenge: TreeRing, a startup seeking to disrupt the traditional yearbook industry, wanted to design and develop online yearbook creation and collaboration tools that are usable and fun for school children, teens and their parents and teachers.

  • Architecture diagram used as a working tool with the team. Diagram captures both desired functionality for version 1 of the product as well as future functionality for later versions

  • Use case diagrams for each actor potentially using the system

  • Interaction flow diagrams were done for each piece of interactive functionality.

  • Wireframes of screens

  • Wireframes of screens

  • Wireframes of screens

  • Full interaction specifications accompanied final wireframes. Specs detail all behavior for each element on the page.

  • Visual design for the site homepage

  • Visual design for screens and action buttons

  • Logo and brand design

  • Visual style guide includes specifications for all buttons, icons, and each state. Color palettes and type specs.

Solution

We designed tools for online yearbook creation and the associated website dashboard to manage the yearbook for staff. Additionally we developed social tools for the general student population to allow them to share their photos and yearbook pages with their friends and family. We created a brand identity for the company that included their logo, iconography and interface for web and flash based tools.