Contents

Back to Projects

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.

Objectives

From day one, I set clear, outcome-driven goals:

  • Unify fragmented tools into a single, browser-based platform that replaces outdated LMS, SIS, and paper-based workflows.
  • Design with clarity and speed in mind, ensuring zero learning curve and instant familiarity for teachers of all tech levels.
  • Optimize for efficiency, allowing teachers to complete core actions - such as recording grades or marking attendance — in under 5 seconds.
  • Ship a production-ready v1 that teachers can adopt without training and use confidently from day one.

Research & Insights

To ensure the solution aligned with real classroom needs, I conducted both qualitative and competitive research:

Primary Research

  • Ran 16 structured user interviews with U.S. K–12 teachers (grades 1–8), focusing on their daily workflows, pain points, and tech habits.
  • Synthesized insights into actionable UX requirements and journey flows.

Competitive Benchmarking

  • Analyzed tools like ClassDojo, ThinkWave, PowerSchool, and Infinite Campus, mapping gaps in functionality, performance, and UX clarity.
  • Evaluated first-time setup complexity, mobile usability, and data visualization capabilities.

Supplemental Research

  • Parsed discussion threads across Reddit communities (r/Teachers, r/EdTech), teacher Facebook groups, and app store reviews.
  • Extracted unmet needs and recurring frustrations from district templates and fragmented tools in public schools.

Key Insights

  • Teachers operate in high-pressure environments with little time — any tool must be "one-click functional."
  • Existing tools often lack behavioral nuance, such as identifying recurring patterns or surfacing data visually.
  • Most tools are procured by admins, not teachers, and lack usability for day-to-day instruction.
  • There's a clear need for simplified, fast, and centralized tools that reduce context-switching and cognitive load.

Product Design

My design approach centered on speed, clarity, and cognitive efficiency. Every interaction was stripped down to its essentials to minimize decision fatigue and support high-stakes classroom environments.

Information Architecture

  • Structured the product around three core pillars: Grades, Attendance, and Behavior — the highest-frequency teacher tasks.
  • Designed for shallow navigation: no hidden tabs, no deep menus, no distractions.
  • Contextual actions (e.g., "Negative Behavior → Add Note") surfaced inline to reduce task switching and mental load.

UI System

  • Built a calm and neutral visual system to reduce cognitive strain during repetitive use.
  • Used a soft color palette with strong contrast, large tap targets, and accessible font pairings (Inter + Instrument Sans).
  • Applied responsive design principles for seamless use on mobile and tablet.
  • Met WCAG 2.1 standards: consistent keyboard navigation, visible focus states, and high-contrast interfaces.

Key Trade-off

I evaluated two directions for daily workflows: split tasks across separate pages or keep grading, attendance, and behavior in one unified workspace. I chose the unified model because teachers switch contexts under time pressure and needed fewer clicks, faster scanning, and less cognitive overhead. The trade-off was less customization in v1, which I accepted to optimize speed of use and adoption.

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.
Lekktura UI states for buttons, inputs, links and feedback: default, hover, active, focus, disabled, loading

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.

Development

I shipped Lekktura end-to-end so design decisions could be validated in production quickly. The implementation stayed intentionally lightweight and fast to iterate, with weekly improvements driven by teacher feedback on workflow speed, error prevention, and dashboard readability.

Results & Impact

  • In user testing, 87% of teachers preferred Lekktura over their existing school tools — citing speed, simplicity, and clarity.
  • 13.9% visitor-to-signup conversion in the first 28 days after launch.
  • Core user actions (grading, attendance, behavior logs) tested at under 5 seconds per task in usability sessions.

Self-reflection

The key lesson was prioritization over feature breadth. I deliberately focused v1 on high-frequency teacher workflows and postponed secondary capabilities until core usage patterns were stable. That decision improved adoption speed and kept the product easier to learn under real classroom constraints.

Project Images

Landing Page

Lekktura landing page showing K–12 platform overview for grades, attendance, behavior

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

Lekktura main dashboard interface for unified grading, attendance, and behavior

The main dashboard interface showing the unified platform with quick access to grades, attendance tracking, and behavior management all in one cohesive view.

Class Performance

Lekktura class performance overview with student metrics and overall assessment

Class performance dashboard that visualizes key student metrics — grades, attendance, and behavior. Teachers can filter by subject or class, monitor trends over time, and instantly identify top-performing or at-risk students using real-time composite scoring. Designed to support data-informed teaching and early intervention.

Student Performance

Lekktura individual student performance view with detailed metrics and progress

Individual student performance view that provides detailed insights into a specific student's academic progress, attendance patterns, and behavioral trends. Teachers can drill down into granular data to understand each student's unique learning journey and provide personalized support.

Stripe Integration

Lekktura Stripe integration screens for payment flow and subscription management

Stripe-powered checkout with multi-option payments. Clear, fast, and designed to match the product’s visual simplicity.

Blog

Lekktura blog platform with articles and resources for teachers

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

Lekktura article page with in‑depth educational content for teachers

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.

Real-World Results

This section showcases performance and SEO metrics from real tools like Google PageSpeed Insights and Ahrefs, confirming the platform’s speed, accessibility, and technical reliability.

Performance Metrics

Lekktura real‑world results with performance metrics and user testing outcomes

Real-world performance metrics and user testing results demonstrating the platform's effectiveness in meeting teacher needs. These comprehensive results show both technical performance and user satisfaction metrics, confirming the platform's reliability and speed for teachers in real classroom environments.