This is an example of one of the forums studied during the Competitive Analysis.
Afterwards, we worked to identify the target personas, so as to better focus the design process.
Due to the large scope of this project, I will illustrate the evolution of my design work by focusing on a few key features. This is the brainstorming for the discussion view.
Afterwards, I moved to sketching. This feature is Ask a Question. It was designed to facilitate the posting experience, by having the system identify if a user’s question had already been answered previously. This helped users get answers quickly.
This is the first sketch of the discussion view.
This is another rough sketch and brainstorm of the Be a Hero central contribution area. The Be a Hero area allowed power users to more easily participate in the forums, without surfacing the functionality to the casual visitor.
This is the first wireframe of Ask a Question.
This is the first wireframe of the discussion view. Several noteworthy ideas present here were ultimately not implemented because of scheduling and budgetary limitations.
This is the first wireframe of Be a Hero. This feature was also baselined and thus the filtering options were removed.
This is the final wireframe for the Ask a Question preview page.
This is the final wireframe for the discussion view.
This is the final wireframe for the Be a Hero feature.
This is the Ask a Question page (renamed as "Post your topic") with final visuals and content applied.
This is the discussion view with final visual and content.
This is the Be a Hero page with final visual and content.