ITAcademy Mobile App Redesign

The ITAcademy mobile application has undergone a revamp, receiving a fresh and modern design that enhances usability and simplifies navigation across the entire interface. While maintaining its full functionality, the application has been imbued with a new style and delivers an enhanced user experience.

01. Research & Analysis

While using the ITAcademy mobile application, I encountered numerous issues, with the UI design itself being the primary culprit that hindered users from navigating the interface seamlessly. Additionally, half of these issues were attributed to a lack of focus on user experience, resulting in delays while navigating through the app. To gain further insights, I conducted additional research by analyzing ratings and reviews on the Apple Store. Moreover, I sought feedback from colleagues at ITAcademy who shared the same concerns. In order to obtain detailed firsthand feedback from individuals with no prior exposure to the application, I created a prototype with placeholder content that faithfully replicated the app’s appearance, and distributed it to a select group of friends. Armed with the gathered information from research and analysis, I sought inspiration to commence the preparation of the entire project.

02. What’s the Problem?

In today’s world, every application strives for continuous improvement, encompassing design, technical aspects, and marketing. The objective of this project is to actively address user suggestions and resolve various design-related issues plaguing the application. The entire project adhered to contemporary design trends, aimed at facilitating a user-friendly and efficient experience within the application.

03. The Solution!

Recognizing the challenges I initially encountered as a user of this application, I embarked on a mission to undertake a comprehensive redesign aimed at enhancing its overall functionality and user experience. With a primary focus on UX design, my objective was to ensure that users could effortlessly navigate through the application without encountering any obstacles or uncertainties.

04. Inspiration

I sought inspiration from a myriad of online sources, including renowned platforms such as Behance, Mobbin, Dribbble, Pinterest, and more. In addition, I frequently turned to ChatGPT to gather valuable insights and guidance on UX design.

05. User Flow

I created the user flow in FigJam, amazed by its simplicity and speed. The flow includes essential features shown in rounded rectangles, with colors representing page status, click-to-action buttons, and conditions.

06. Wireframing

In addition to FigJam, I employed Figma for wireframing purposes and leveraged the resources available in the Figma Community, including the wireframe library. This allowed me to explore and articulate my initial concepts for the application’s development. While refining the design, I maintained the core essence of the original concept.

07. Style Guide

Onboarding

The application is designed to show users who use it for the first time three Onboarding screens in order to introduce them to the use of the application, its features, etc.

Login/Signup

I have provided users of this app with the option to choose their preferred method of account creation if they don’t have one. At the bottom, I have included three social media icons, allowing them to sign up with a single click. Upon tapping the “Create Account” button, they will be redirected to another screen containing the required form fields.

Dashboard

On the main dashboard, I presented the most basic cards so that there would be no confusion. The tabs I’ve included here are QN tab, Active Courses, Completed Courses, Live class, and Live chat. Also, 95% of screens are accompanied by a navigation bar that serves as a quick navigator through the application.

Course

On the Course Screen, the participant has the option to access all the lessons that the course contains. Also, after the end of the lesson, he can access the Assignments and Tasks provided for this course.

Messages

The Messages Screen has a revamped design akin to WhatsApp, fostering user comfort and familiarity. It enables easy attachment adding, multimedia sharing, and audio messaging. Users can appreciate mentors, building a score and fostering engagement.

Buy Course

The Buy Course screen offers a simplified course purchasing process. Participants can select a course and view a brief description, followed by a prominent “Buy Course” button. Upon clicking the button, they proceed to the payment section to complete the purchase securely. This streamlined approach ensures a straightforward and convenient experience for users.

Profile Screen

The Profile screen displays participants’ personal information, achievements, and various options, including certificates, knowledge, achievements, activities, finances, seminars, projects, and tools. It serves as a centralized hub to manage profiles, track progress, and explore features. This enhances participants’ personalized journey and access to valuable resources within the platform.

Menu Screen

The Menu grants participants access to an array of information, covering technical support and task statistics. Attendees can easily track past and upcoming tasks, utilizing this section as a valuable resource for staying informed and organized within the platform. Explore the diverse possibilities available in this comprehensive section.

09. Thank you

I sincerely appreciate your presence on the final slide of this presentation showcasing my design. I am delighted that this journey has concluded, providing valuable learning experiences. I eagerly anticipate embracing future challenges and tasks, maintaining a positive outlook. Thank you once again for your time and attention.

Please, check my work & contact me on:
portfolio
linkedin
behance