Knowbly: A joyful identity and intuitive UI for a feature-rich edtech tool.

Knowbly was a no-code course authoring platform that helped educators and instructional designers create interactive learning materials. I led design across both UI and brand, aiming to make rich tools feel simple, approachable, and scalable for use across K–12, higher ed, and enterprise training.

The Problem

Knowbly needed to stand out in a competitive edtech space while staying approachable to users across education and enterprise. The platform offered powerful features for building interactive content, and clarity, usability, and brand voice were critical to adoption.

The Solution

We designed a bright, intuitive product UI that supported both sides of the experience:

  • Authors could easily build courses and interactive content like flashcards, videos, quizzes, and more with its no-code editors.
  • Learners could engage with rich, responsive experiences across devices and formats.

To manage complexity and promote usability, we leaned on clear visual hierarchy, modular layout systems, and reusable components. Meanwhile, the brand identity (including an octopus mascot, bright palette, and clean typography) positioned Knowbly as smart, creative, and approachable from first click to final course.

Business Goals

Create a connected brand and product system that supported rapid development, empowered authors, and delivered polished, intuitive learning experiences at scale.

My Role
  • Art directed product and brand design
  • Led UI design for authoring tools
  • Built visual systems across product and brand identity
Team
In-house teams at Knowbly, including design, product, engineering, marketing, and customer success
Tools
Figma and Adobe Creative Suite

Brand Identity Highlights

A bold, approachable identity helped Knowbly stand out in a crowded market by blending creative energy with professional polish across events, marketing, and product.

Logo System A flexible logo with a playful mascot and clean wordmark variations for any context.

Conference Postcard A bold, brand-forward postcard designed to stand out in busy event spaces.

eLearning Brochure A vibrant, multi-page brochure showcasing brand voice and the benefits of rapid eLearning development.

In the Wild We had a lot of fun with the brand experience across booths, swag, and signage.

Product Experience Highlights

Knowbly's platform empowered users to create, manage, and customize rich learning content with ease, all supported by a cohesive design system built for clarity and scale.

Workspaces Three focused workspaces (Content Manager, Courses, and Themes) give creators a clear starting point to easily build, organize, and manage projects.

Course Creation Tools The course builder makes it simple to create content, manage structure, and preview responsive courses across desktop, tablet, and mobile.

Widget Creator An intuitive creation tool lets users design custom interactive activities, preview content across devices, and publish polished learning experiences.

Theme Creator Users can apply ready-made themes or build their own, tailoring the look and feel of courses and widgets to match brand standards and learner needs.

Design System A streamlined design system documented core styles, components, and patterns. This supported consistent, scalable product development across the Knowbly platform.

Joyful learning from the inside out.

Thank you for spending time with this showcase. Knowbly’s product and brand were designed to give authors and learners a joyful experience, start to finish.

Contact me for a deeper dive into this project and my design process.