Back to Home
Web Design
Ongoing

Alev AI Tutor

Designing an intelligent platform to help students ace their A-Levels with personalized AI tutoring. Live at alev.ai.

Alev AI Landing Page Design

Project Overview

Role UI/UX Designer
Timeline 4 Weeks (Ongoing)
Tools Figma, Astro, Tailwind CSS
Live Site alev.ai

The Challenge

Students often struggle with self-study for A-Levels, lacking immediate feedback and personalized guidance. The goal was to create an approachable, encouraging interface that makes studying feel less like a chore and more like a guided path to success.

The Solution

We designed a clean, distraction-free interface that highlights progress and makes accessing help instant. The color palette uses soft purples and blues to evoke calmness and intelligence, while the layout prioritizes content and ease of navigation.

Grade Prediction

An intelligent dashboard that analyzes performance to predict final grades with high accuracy.

Exams Interface

Unlimited practice questions in a distraction-free environment.

AI Tutor Chat

24/7 study companion that breaks down step-by-step concepts.

Instant Grading

Upload handwritten work for instant AI grading against official mark schemes.

Analytics Dashboard

Track progress and identify weak areas with detailed performance graphs.

Design Philosophy

The core philosophy behind Alev AI is "Invisible Intelligence." The AI should feel like a natural extension of the student's thought process, not a robotic intruder.

  • Clarity over Complexity: Educational tools can easily become overwhelming. We stripped back non-essential elements to focus purely on the learning material.
  • Encouraging Feedback Loops: Visual cues for progress and achievement are designed to be motivating rather than stressful.
  • Accessibility First: High contrast text, clear typography, and keyboard navigability ensure the platform is usable by all students.

Things Considered

Trust and Credibility: Since this is an educational tool, it was crucial to establish trust. We used a professional yet friendly typeface and a clean layout to convey reliability.

Mobile Responsiveness: Students often study on the go. The entire interface was designed mobile-first to ensure a seamless experience across devices.

Dark Mode: Late-night study sessions are common. A carefully crafted dark mode reduces eye strain and maintains the brand's calming aesthetic.