Designing an AI-powered learning app for modern education needs

time icon
2025
2023
scroll
UI/UX design for an AI-powered education app by Halo LabUI/UX design for an AI-powered education app by Halo LabUI/UX design for an AI-powered education app by Halo Lab

The top player in the French transportation market owing to the power of vehicle-generated open data.

LinkByCar is a SaaS startup that created a tool to collect, process, and aggregate data from vehicles. With the use of AI technology, it can predict the behavior of any vehicle — all to ensure you safely get to your destination.

The company cooperates with popular car manufacturers, including Stellantis, Mercedes, and BMW. With an extensive network already in a place, they have serious potential to expand across all of Europe.

AI innovation that helps teachers make tutoring accessible and gives students an around-the-clock boost

Acton Street, Inc. is an AI startup revolutionizing education with smart digital solutions. Their mission is to support educators and students by automating repetitive tasks, reducing workloads, and making studying more engaging.

The company’s ASI app provides custom AI tutoring via chatbots and gamified experiences. Integrated with WhatsApp, Messenger, and Discord, it offers tailored feedback and mastery tracking, blending learning with play.

Industry
Services
UX/UI design
Link to Service
Timeline
2 months
Website
  • 48,000+
    vehicles LinkByCar gathers data from
  • 75+
    types of data collected by vehicles
  • 18
    car brands they collaborate with
  • 24/7
    Assistance for students
  • 3
    Integrated social platforms
challenge

Insurance company managers and automotive corporations typically face challenges with complex software. That’s why the process of collecting data from vehicles can be a bit of a headache.

Real-time vehicle tracking, predicting potential problems, and accident reconstruction — all of these had to be considered in the product design. A perfect software offers everything in one place, simplifying things for those who aren’t fluent in the language of technology.

Challenge

When studying or doing homework, not every student has access to personalized and free help. The ASI app changes that by giving them access to an AI tutor available 24/7, designed specifically by their teachers. It simplifies learning, makes it affordable for all, and helps educators manage their time while offering continuous support.

Halo Lab’s UI/UX design workflow for an ASI app
Halo Lab’s UI/UX design workflow for an ASI app
Halo Lab’s UI/UX design workflow for an ASI app

It was a fully fresh perspective in every sense.

The research showed that competitors’ websites somewhat lagged behind the latest trends, which didn’t align with the technological and innovative nature of this business.

Hence, we aimed to convey the client’s digital orientation through a practical and rigorous branding approach, complemented by bright accents.

15 logo sketches
2 days spent on research
  1. Discovery. A user comes across a link or post in Discord.
  2. Saving to profile. The user can save these links/posts to their profile.
  3. Organizing content. They can create new collections or use existing ones to organize these links or posts.
  4. Easy retrieval. Later on, users easily find a specific link or post, either through a search, within a specific collection, or in their profile.
  5. Sharing. If they want to, users can share links, posts, or collections with others.
  6. Collaboration and discussion. Everyone can engage in discussions about what’s shared and even add new links to collections if they have access.
sdfsdfds
For a brand to speak with one voice, it needs a brand book to set the tone.

Transforming ideas into a student-centered app

The research began with a broad concept of an AI chatbot. We worked closely with the client to define the direction, exploring similar apps. The focus shifted to creating a mobile solution targeted at teachers and students.

We started with the core idea — education — and let it guide our design journey through a detailed competitor analysis. With user flows and wireframes in place, the project received enthusiastic approval to proceed.

10 chat apps analyzed in detail
10 days spent on research
UI/UX competitor research for designing an education app

{{cta}}

Minimalist elegance meets youthful energy

Concept 1: Monochrome simplicity

The first concept focuses on a clean, minimalistic UI that fits smoothly with the brand. With a monochrome palette of black, white, and gray, the design creates a sleek, elegant experience while building familiarity and trust.

Concept 2: Fresh and vibrant

While similar to the first concept, this design adds a playful touch with subtle animations and a pop of blue. It stays aligned with the overall minimalistic approach but brings a lively element to appeal to a younger audience.

{{slider-1}}

Easy on the eyes, effortless in action

Our expert team created a user-friendly interface for the AI chatbot, focusing on friction-free interaction. Key buttons and notifications were highlighted to stand out while keeping the overall design clean and functional.

Staying true to the visual identity, we used an approachable style with soft gray and black and just a few pops of color for interest. For the fonts, the sans-serif Inter was chosen to support the app’s multilingual nature.

clean UI design and brand identity by Halo Lab
creating a user-friendly interface for the AI chatbot
The challenge was to blend accent colors with branding, keeping the design engaging without losing its original essence.
{{daryna-p}}
Halo Lab’s functional UI/UX design for the ASI app

Shaping features into a cohesive user journey

Based on the client’s detailed brief, our team began to move towards a consistent final look at the end. We took those concepts and carefully planned every detail, creating a user flow that connects all the features logically.

Our work not only brought this vision to life but also laid the basis for future implementation. By doing so, we made it easier for developers to build on the product as it evolved. This set the stage for the project’s growth.

features implementation for a user journey by Halo Lab
We created the app’s structure and flow based on key inputs like audience and educational focus, turning ideas into a fully evolved solution.
{{daryna-p}}
concept 01
concept 02
No items found.
No items found.
No items found.

For our team, this project was a truly enjoyable experience. The process flowed smoothly, and the client was open to all our ideas, which made decision-making seamless. We were able to bring every feature to life without any major hurdles. It was a rewarding journey, filled with interesting challenges that allowed us to explore creative solutions and refine our approach.

Halo Lab provided brand analysis services that helped us with better understanding our market type, niche, customers, and competitors. They designed our whole SaaS platform, leveraging both UI and UX expertise. Furthermore, they used React to help us build a customer-facing dashboard that connects to our existing backends.

Have a similar project or idea? Let's discuss the details.
Get expert estimation
expert postexpert photo
Ready to discuss
your project with us?
Let’s talk about how we can craft a user experience that not only looks great but drives real growth for your product.
Book a call
4.9 AVG. SCORE
Based on 80+ reviews
TOP RATED COMPANY
with 100% Job Success
FEATURED Web Design
AgencY IN UAE
TOP DESIGN AGENCY
WORLDWIDE

Logo creation

Thoughtful design that brings it all together

esigning UX with interactive app sections

Interactive and engaging app sections

We designed every part of the app, from the welcome and sign-up pages to fun features like Achievements, Talk to Your Tutor mode, and Multiplayer Quiz. Each section flows naturally, offering a smooth and enjoyable interaction with straightforward UX writing.

Subtle animations to bring the app to life

Our animations helped convey the app’s flow and feel to the client while also guiding future developers on implementation. Subtle transitions and movements added a dynamic touch, enhancing the overall experience without overwhelming users.

Halo Lab’s UI design focusing on clean chat elements

Intuitive chat elements with a playful twist

For the UI kit, our design focuses on clean chat elements and fluid forms for natural conversations. Playful icons, including subject symbols, add functionality and fun. Every component ensures intuitive, engaging interactions, perfectly suited for younger users.

Logo creation

From setup to interaction, it all connects

simple onboarding process for the ASI startup

Onboarding: a simple and tailored start

We designed the onboarding process with care, allowing users to easily input their name, education level, and subjects of interest. Then, they’re introduced to a customizable AI tutor, creating a quick and tailored setup for their learning needs.

easy navigation in the Home page UX design by Halo Lab

Home page designed for easy navigation

While working on the Home screen, our team focused on creating a layout that offers easy access to notifications, suggested subjects, and recent study topics. Users can connect with peers, ensuring smooth and personalized navigation.

UX design: the achievement system for progress tracking

Profile statistics & achievements

Our team implemented the app’s achievement system, rewarding students for activities, social interactions, and milestone completions. These features make progress tracking enjoyable and keep learners motivated in a personalized way.

Talk to Your Tutor mode for enhancing user experience

Talk to Your Tutor: personalized mode

We helped shape the Talk to Your Tutor mode, where students select topics and engage with the AI tutor in an interactive chat. This bot asks questions, provides feedback, and awards points for correct answers, creating a personalized learning experience.

integration of the Multiplayer Quiz into the education app

Multiplayer Quiz: learning with friends

Working on the Multiplayer Quiz, our team enabled students to connect with friends or peers to compete in timed quizzes. An AI referee ensures fairness, while voting for the top contributor adds a fun and reflective dynamic to each session.

Logo creation