CK-12 wanted to introduce a public forum so teachers and students are able to discuss educational topics freely.
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.
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.
Once I'm done with mocks, breakpoints, and design specs, I create an interaction storyboard to document the different interactions.