UI/UX Designer, Accessibility
Marketing site + learner, teacher & admin portals · Figma, FigJam · 2.5 months · 2026
A modern sign language learning platform, designed to make education more accessible, engaging, and scalable.
105 screens across four connected products — marketing site, learner, teacher and admin portals — designed accessibility-first, with WCAG-aligned contrast, tap targets, and lesson structure built in from the first screen.
Sign With Us is a full sign language learning ecosystem — a marketing site plus learner, teacher, and admin portals — built around one goal: making sign language education easier to reach, easier to stick with, and ready to grow. Accessibility wasn't a checklist added at the end — it shaped the interface from the ground up, designed with WCAG guidelines and the needs of D/deaf and hard-of-hearing learners in mind.
Despite growing demand for inclusive communication, sign language education stays hard to reach for most people. Existing resources tend to be unstructured and inconsistent, expensive or limited, poorly designed for engagement, not built for mobile learning, and missing any real progress tracking or motivation.
On top of that, organizations and institutions often have no clear way to tell whether their own environments are genuinely accessible for people with disabilities.
Sign With Us was designed as a modern learning ecosystem built from four connected products.
Beyond the learner experience, Sign With Us needed the people running it to have proper tools too. Every portal shares the same visual language, so a teacher, an admin, and a learner all feel like they're in the same product.
Where learners sign up with email or Google, Apple, and Microsoft, then pick up where they left off — overall completion, lessons completed, signs learned, and practice hours, with lessons grouped by beginner, intermediate, and advanced.
A workspace for building courses, lessons, and quizzes and keeping an eye on learners — engagement, quiz performance, completion rates, drafts to pick back up, private messages, and scheduled announcements. Reports can be generated, previewed, and exported as PDF or CSV.
Where the platform is run — an operations dashboard, payments and donations with KES and USD kept separate, an audit service where every request moves through clear stages from New Request to Closed, and team management built on role-based, per-person permissions. Platform settings cover branding and certificate templates, with changes reviewed before saving.
Click any screen to view it full size. Screens use illustrative data.
As the sole designer working with two developers, I handled UX strategy and product planning, user flows and information architecture, wireframing and prototyping, UI design and responsive layouts, and the design system itself — across the marketing site and the learner, teacher, and admin portals, 105 screens in total.
Friendly and welcoming, clean and modern, educational and calm, app-like and structured, accessible and readable — the goal throughout was to reduce cognitive load and make learning feel effortless.
Treated as a core requirement and aligned with WCAG-inspired principles: strong color contrast, large tap targets across mobile and web, clear hierarchy and spacing, predictable navigation, short lesson segmentation to reduce overload, and planning for captions, transcripts, and screen-reader support.
Balancing simplicity with scalability — staying simple for beginners while still supporting future growth. Supporting multiple audiences — learners, donors, and organizations each needed their own entry point without cluttering the interface. Creating clear upgrade value — the Pro tier had to feel worthwhile without making free users feel shut out.
Modular UI components built for scalability, a clear content hierarchy with simplified navigation, progressive feature unlocking from free to pro, repeated CTAs on the landing page to support conversion, and one unified system spanning both the website and the LMS.