raar
CK-12 Cafe (Forums)

My Roles: UX | Visual | Wireframe and Flow |Interaction
Team: Product, Engineering (Front-end and Backend), QA
PROBLEM
CK-12 wanted to introduce a public forum so teachers and students are able to discuss educational topics freely.

SOLUTION
Since this feature is a new product for CK-12, onboarding was crucial. Visually, since it was catered for both teachers and students, I wanted the design to be lively but not elementary. I expanded CK-12's current styleguide to introduce more colors and elements. launch button

forums

forums

forums

forums

forums



Process

A new project requires Wireframes so I can see the whole vision in one document without taking too much time. Wireframes also lets me see the flow, use cases, and let's me play with the interactions within the page. I usually go through a couple of rounds, modifying as I go. Sometimes it means grabbing a user and asking them questions.



Interaction Storyboard

Once I'm done with mocks, breakpoints, and design specs, I create an interaction storyboard to document the different interactions.

forward button