sk logo
Background
Teach.io is a learning product that works to solve the teaching inequality of various experienced educators. This brand utilizes a subscription-based service to provide users with a helpful tool to improve their teaching styles.
User Flow
These initial brainstorming sessions yielded some great results. We defined the user-centered process that members will follow when using the service. We ran through iterations of the experience, found weakpoints, and tried to improve them.
Once the system was established, we laid out a concrete user flow that served as a guide going forward. This became a handy tool that we looked back on regularly.
Pattern Library
The pattern library played a key role in maintaining consistency from screen to screen. Icons, tool-tips, form fields, button styles and more repeated items were distributed to each page, which made for an clear and organized process.
After some initial sketching, we began wireframing some of the key screens based on our user flow. We started to organize content and create a visual hierarchy on each screen. We also decided to divide the system into two different components.
Marketing Website
The Marketing site describes the product, services, and live data to prospective users.
Web app
If they like what they see, they can purchase a subscription and will be faced with the brower-based web app.
Marketing Items
To market the products to schools, we created some printed marketing materials to peak their interest and direct them to the marketing site.
Branded Assets
Along with the UI design, we also created branded assets that are given to teachers after reaching certain milestones.