Context
Lekktura is a solo-built web application designed to streamline core administrative tasks for K–12 teachers in the U.S. It replaces the fragmented experience of juggling separate platforms for grading, attendance, and behavior tracking with a single, cohesive interface.
I led the entire lifecycle of this product — from identifying teacher pain points and conducting UX research, to designing and coding the final platform, including front-end, back-end, and deployment.
The Problem
In many U.S. schools, teachers are forced to use multiple disjointed systems to manage day-to-day student data.
For example:
- Grading might be done in an outdated LMS.
- Attendance is logged in a separate SIS.
- Behavior notes are kept on paper, or in isolated spreadsheets.
- Class-wide performance is not calculated at all, leaving teachers without a clear overview.
This fragmentation leads to:
- Wasted time and interruptions during class transitions, as teachers switch between tools.
- Data inconsistencies and loss, especially when notes are scattered across systems or paper.
- High cognitive load, especially for early-career educators.
- No big-picture insights, since information is siloed and cannot be easily connected or analyzed.
Teachers were looking for a tool that was simple, fast, and all-in-one — without the steep learning curve or high cost of traditional school platforms.
UI States & Interactions
This section showcases the core interactive states designed to ensure clarity, consistency, and ease of use across the platform.
State Variants
- Buttons: Both primary and secondary buttons include clearly defined Default and Hover states to signal interactivity.
- Input Fields: Inputs show Default and Active (focused) states for quick recognition of editable fields.
- Links: Styled with distinct Default and Hover colors to guide users intuitively through navigation and actions.
- Navigation Items: Header and dashboard input elements maintain consistent interaction states to reinforce usability patterns.
Validation Feedback
- Visual indicators for Error, Warning, and Success states help users quickly recognize form outcomes.
- A special Dashboard state is also included for internal status communication.
Dashboard Data Color Coding
- Data values are color-coded based on thresholds: Very Low, Low, Average, and Good.
- These labels support teachers in scanning key metrics without needing to interpret exact numbers.
Comprehensive UI state management demonstrating the complete interaction system. Shows default, hover, active, focus, disabled, and loading states for all interactive elements. Designed to provide immediate visual feedback and reduce cognitive load during high-frequency classroom interactions.
Project Images
Landing Page
This is the main marketing page for Lekktura — a simple one-page landing designed to clearly explain what the platform does, who it’s for, and to drive free trial signups. It highlights the key features (grades, attendance, behavior) and includes a CTA, concise copy, and a product preview.
Dashboard
The main dashboard interface showing the unified platform with quick access to grades, attendance tracking, and behavior management all in one cohesive view.
Onboarding
A zero-friction onboarding screen that guides teachers to create their first class in under a minute, highlighting core tools like grading, analytics, and reporting.
A clean, efficient form flow for creating new classes—allowing teachers to specify class names, assign subjects, and add up to 20 students with real-time validation. The design focuses on speed and usability, enabling quick edits and immediate visual feedback for each entry.
Interactive product tour that walks teachers through core features: class creation, journal usage, data entry, attendance/behavior tracking, and performance monitoring. Each step includes contextual guidance and hands-on practice.
Attendance & Behavior
Unified attendance and behavior tracking designed for fast, repetitive use. Enables teachers to record daily presence and behavior events in one seamless flow — reducing friction and boosting accuracy during time-sensitive classroom tasks.
Stripe Integration
Stripe-powered checkout with multi-option payments. Clear, fast, and designed to match the product’s visual simplicity.
SEO-Optimized Pages
Strategic SEO pages designed to capture organic traffic from teachers searching for classroom management solutions. Each page targets specific keywords while providing valuable educational content and clear product benefits.
Additional SEO-optimized pages targeting different search intents and keywords, demonstrating comprehensive content strategy for organic growth.
Blog
Educational blog platform providing valuable content for teachers, including classroom management tips, teaching strategies, and product updates. Designed to build community and establish thought leadership in the EdTech space.
Article
Detailed articles and thought leadership content that provide deep insights into classroom management, teaching methodologies, and educational best practices. Designed to establish expertise and drive organic traffic through valuable, shareable content.
Authentication Flow
A simple and stress-free authentication flow built specifically for teachers — even those with little technical experience. It includes easy account creation, a clean login process, and straightforward password recovery. Every screen is designed to feel calm and intuitive, while clearly guiding users through each step and handling errors with helpful messages.