Aegis Redesign
Overview
Aegis is a essay grader, grammar checker, and summarizer meant to help users, particularly students, with their writing through the use of AI. It aims to help students through pointing out the errors and providing suggestions in eight categories, such as Coherence & Cohesion, Organization & Development, and Style & Tone.
Client Goal
The original design for this site was clunky and had a lot of wasted space. I was called to update it with a new design system, as well as redesign to have it be more intuitive to users.
My Role
UI/UX Designer
Team
Software Developer:
Jiaqi Gao
Fangzhou Du
Duration
Mar - Apr 2025 (2 months)
Solution
With the help of a centralized design system and several iterations, I was able to create a new design that was both visually appealing and easy to navigate for users.
Tools
Figma
The Original
The first view I was given of the screen was cluttered and confusing, with barely any space between elements, which overwhelms the user. There were also so many different font sizes and styles, making it feel disorganized and disjointed.
The First Iteration
I rearranged the layout to be two-columned to have more space for the text and data, and played with the idea of having a carousel to show different statistics.
-
Moved all grading criteria into a modal to save page space.
-
Added a carousel to show more text information.
-
Added pagination and ability to accept all revisions and suggestions of the text.
The Second Iteration
The carousel was changed into tabs to allow for more space to view edits. The revisions tab was also updated to be scrollable, as research showed that many other popular sites presented data this way.
-
Carousel changed to tabs users to have more space available for statistics and revisions.
-
Drop down included to filter through different types of grading criteria for now scrollable suggestion cards.
The Final Iteration
The final iteration included visual updates for user clarity, specifically colour changes for accessibility and labels on the left sidebar. A Feedback button was added to get responses from users, and a customization button was added for users to edit which statistics they would like to see. In the end, the revision suggestions were changed back to the first iteration of pagination to not overwhelm the user and allowing them to focus on each suggestion.
This project taught me that it is alright to fall back to a previous design, as long as there is a valid reasoning. Based on other popular writing sites, like Grammarly and Quillbot, it seemed the most optimal design was to use infite scrolling to present edits and suggestions. But based on feedback from a few users, due to Aegis providing reasoning and more information, it was decided to only provide individual suggestions to not overload the user.
