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.
  • Build the product entirely solo, handling all UX/UI, frontend, backend, and deployment - to demonstrate end-to-end product ownership and full-stack execution.

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 onboarding 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.

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

As a full-stack designer, I built Lekktura solo using:

  • Front-end: HTML, CSS (custom + utility classes), vanilla JavaScript
  • Back-end: Python (Flask)
  • Database: PostgreSQL
  • Deployment: Production deployment via GitHub-integrated CI/CD on Render

Technical features:

  • Smart caching & lazy loading: Student records are loaded on demand, keeping the interface fast even with large datasets.
  • CSV export of all data: Teachers can instantly download all grades, attendance, and behavior reports for backup or reporting.
  • Auto-save functionality to prevent lost data

Everything was written from scratch with performance in mind — initial page loads average under 200ms. Lighthouse audits confirming a 1.2s LCP and 0.003 CLS, exceeding Core Web Vitals benchmarks.

Results & Impact

  • 13.9% conversion rate from visitor to signup — achieved by simplifying onboarding, improving page flow, and clarifying calls to action.
  • 138% increase in search impressions within 28 days — through optimized metadata, semantic HTML, and keyword-targeted content.
  • Boosted total site traffic by 71% after implementing a new SEO-driven information architecture and performance enhancements.
  • Reduced average view transition time to under 200ms through front-end and database optimizations.
  • Core user actions (grading, attendance, behavior logs) tested at under 5 seconds per task in usability sessions.
  • In user testing, 87% of teachers preferred Lekktura over their existing school tools — citing speed, simplicity, and clarity.

Self-reflection

While I handled the entire project solo, my limited engineering background led to design compromises during implementation. With developer support, I'd ensure pixel-perfect execution and add deeper analytics.

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.

Onboarding

Lekktura onboarding screen guiding teachers through setup and core tools

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.

Lekktura class creation flow with streamlined form and student management

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.

Lekktura interactive product tour guiding through class creation, journal and tracking

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

Lekktura combined interface for attendance tracking and behavior management

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

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.

SEO-Optimized Pages

Lekktura SEO page showing behavior tracking features and content

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.

Lekktura grading SEO page with feature overview and educational content

Additional SEO-optimized pages targeting different search intents and keywords, demonstrating comprehensive content strategy for organic growth.

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.

Authentication Flow

Lekktura authentication flow: create account, login, and password recovery screens

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.

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.