Mobirise Website Builder

Univ.AI Platform

A web application platform for people to learn AI and Data science Live, from top faculty and to get the right job that meets expectation.

About 

Univ.AI is an EdTech startup that is determined to provide a "state of the art" education in emerging technology i.e. Artificial intelligence and Data science. Univ.AI's mission is to deliver premier education to students and professionals from diverse backgrounds and to help companies to find the right talent and skill on demand. All programs and courses are live lectures and taught by faculty from Harvard, MIT, and UCLA.

Mobirise Website Builder

Product Design Cycle

Joining Univ.AI

I joined the team during the exploration stage of the third iteration phase of the product development cycle.

Phase 01 - Unifying operation portals
Phase 02 - MVP
Phase 03 - Design systems and aesthetics
Phase 04 - Incorporate other user flows and operations

Mobirise Website Builder

Team & my responsibilities

Out team include me along with lead designer, as a UX/UI design intern my daily tasks include
- Designing user interface of the platform, end to end.
- Improve responsiveness of platform by designing for different devices
- Build design system and style guide
- Conduct user research for next iteration/ phase.
- on somedays I work on graphic design collaterals.

Problem Statement

To create a one stop solutions for students and working professionals to take them through seamless learning experience and provide right opportunities to get a job.

Currently most of the business operations relying on third part systems for e.g. Google workspace, Zoom and other applications. We are slowly shifting to designed platform.

Goals

Unify Consumer Experience

Reduce reliance on 3rd parties

Optimize Operation Costs

Improve Operation Scalability

Engage People

Key Screens 

Mobirise Website Builder

Home

The home page is like a dashboard of the platform, that displays all the activity of the learner. Applying the concept of progressive disclosure, to drive engagement, provides just an overview of the things.

Trending jobs: displays popular jobs of the field, backed by data and social recommendation.
My jobs: provides updates about applied jobs and relative performance
Calendar: a list of events and activities. also acts as a reminder
Community: updates about recent blogs, articles related stuff.


Mobirise Website Builder

Learn

Starting point to courseware and to check out current offerings. Tab navigation helps to switch between programs & courses.

Info details provide course details like professor name, cost, duration. If a course is applied a status indicator will provide a visual cue.

Mobirise Website Builder
Mobirise Website Builder

Applications

A place where users can find all applied programs and courses. the application process consists of different stages application form, test, acceptance letter, and payment. At each stage, candidate profiles are screened.

The status of the application changes when the profile meets the standard and will proceed to the next stage. Tab navigation can help to sort active, inactive applications.

Mobirise Website Builder

Calendar

A calendar is where enrolled users can view a detailed schedule of the course/ program and check any updates.

The calendar notification panel displays today's schedule and reminders and these are color coded as lectures, office hours, and labs to differentiate from each other.

Mobirise Website Builder
Mobirise Website Builder

Community

The community has functionality similar to a discussion forum. It helps in clarifying doubts, and knowledge sharing and creates a sense of belonging to like-minded people that helps to increase engagement.

The categories panel helps to sort the posts based on topics.

Mobirise Website Builder

Jobs

All job opportunities are posted here and users can apply to jobs according to their preferences. Filter feature helps to narrow down the list of jobs based on experience, salary, location, and type of employment.

The job application process also has stages similar to the application process.

Mobirise Website Builder
Mobirise Website Builder

Profile

The profile is where users fill in details about their educational background, work experience, certificates, and other general details. This acts as an inbuilt resume builder of users which can be utilized for other purposes.

Employed progressive disclosure and segmented navigation concepts to make the task less daunting and easy.

Visual Design Principles

Mobirise Website Builder

Student assessment

Key Task flows

Mobirise Website Builder

Application Flow

Mobirise Website Builder

Learn flow

Mobirise Website Builder

Community Flow

Responsive Design

Mobirise Website Builder

End result

Our top priorities during this iteration are
1. To improve aesthetics of platform,
2. To have a evolving design system for responsiveness
3. To fill the gaps in task flows for different user groups.

These goals are achieved by the end of my internship and started user research
for next phase of iteration. Following is the comparison between existing and new desings

Mobirise Website Builder

Reflection

  • Learnings
    There are things that you can learn more and understand better only by doing it and design is one such thing.
    I clearly understood this during my internship.

    I gained more knowledge about product development and design process from end to end. and a lot of
    technical things related to the development, visual design, design systems and how much effort it requires.

    I made a lot of mistakes because of my zero knowledge about front end technologies and this is where I will be focusing in future.
  • What could have been done better 
    I should have been more proactive in terms of collaboration with other departments to understand their requirements and
    constraints by doing I might have saved a little bit of time there.

    Communicating ideas and design decisions to the team in a better way.

Thank You !✌️

Created with ‌

Mobirise.com