Attendr

Gabriel Enemor

Mobile Designer
Web Designer
UX Researcher
Figma
As the UX designer for Attendr, an innovative attendance booking web application in the EdTech sector, my focus was on simplifying the attendance tracking process for students. Attendr facilitates virtual class sign-ins, streamlining the attendance marking system for an enhanced educational experience. The UX project aimed to create a user-friendly interface that ensures intuitiveness, ease of use, and accessibility for all users.

Project Scope

‍User Interface Design

The project encompassed designing key elements of Attendr's user interface, spanning the home screen, login page, registration page, profile page, and the crucial class attendance page which had a performance tracking sheet and calendar view for students to see the next classes they need to attend. Each element was meticulously crafted to ensure a seamless and visually appealing experience for the users.

Navigation Menu Design

Designing the navigation menu was a pivotal aspect to enhance user experience. The menu was crafted to be intuitive, allowing users to effortlessly navigate between different sections of the application, promoting ease of use and efficiency.

User Flow Design:

Crafting a logical and intuitive user flow was paramount. From the moment a user logs in to marking attendance and exploring upcoming classes, every step was meticulously planned to create a smooth and coherent journey through the application.

Responsiveness and Accessibility:

Ensuring Attendr's usability across various devices, the application was designed to be responsive, providing an optimal viewing and interaction experience on desktops, tablets, and mobile devices. Accessibility standards were incorporated to make the application inclusive and user-friendly for individuals with diverse needs.

Design Process

User Research

The design process kicked off with extensive user research, we carried out a field study involving interactions with students and teachers alike to understand their needs and expectations. We created two sets of user personas to help guide our process for each user group.

Ideation and Wireframes

Brainstorming and ideation sessions led to the creation of low-fidelity wireframe which brought about outlining the structure and layout of Attendr's interface. These wireframes served as the foundation as subsequent design iterations were built on the wireframes.

Prototyping and Usability Testing

After we had gotten the first draft of our wireframes, we prototyped it and took it to the field, where we tested the basic features with some students. The Usability testing played a crucial role at this stage as the user feedback we got helped informed iterative refinements, ensuring the interface's intuitiveness and addressing the first few usability concerns we discovered.

High-Fidelity Designs

At this stage it was time to evolve from conceptualization to high-fidelity designs. We began adding more detailed visual elements, color schemes. We took the time to craft Interactive components to align with the project goals and enhance user engagement.

Final Design

Visual Appeal

The final design showcased an aesthetically pleasing interface that prioritized clarity and ease of use.

Optimized for Mobile Devices

Recognizing the prevalence of mobile usage, Attendr's design was optimized for various screen sizes, ensuring a seamless experience for users accessing the application on their smartphones and tablets.

Outcome and Reflection

Results

The Attendr application is still currently in development. Once it's launched we plan on measuring success metrics, user feedback, and real-world usage to validate the effectiveness of the user-friendly interface in simplifying attendance tracking for students.

Personal Reflection

Reflecting on the project, I gained valuable insights into designing for the EdTech sector, understanding the unique challenges and priorities as well as the significance of a user-focused approach in designing interfaces for educational applications. . The project contributed to my growth as a UX designer, emphasizing the importance of user-centric and accessible design in the EdTech sector.
Partner With Gabriel
View Services

More Projects by Gabriel