UXU-Innovation

For those who want to start a new career or enhance their skills in the technology field

UXU Mockup.png

Problem Statement

Roughly 80% of people I spoke with and researched were unhappy or unsatisfied with their career choice.

For the past 11 years, I've seen and spoken with many individuals who were unhappy with their jobs and always wanted more for themselves. With such busy schedules and limited funds, how can anyone transition from their careers without hurting their economic situations, jobs and families? What about those who wanted to join the Tech field but don't know where to start? This idea is to help those wanting to get into the Tech field without the hassle and expense of going back to school and the freedom to do so at their own pace.

What about those already in the industry? Whether you are IT, a Graphic Designer, UX/UI Designer, Developer or Web Designer, you can enhance your abilities by mastering different software platforms to better yourself as a designer!

Users

Canvas1.png

As someone who personally experienced this unsatisfactory level in a career, how can I make this easier for others?

Creating and using a User Persona for this project has helped me keep the focus directly to the target audience, which are the many people who are unhappy with their jobs.

Having to go back to the Persona constantly reassured me in my design thinking and help me keep the focus towards a specific audience, instead of general.

 

Research

By scheduling time to discuss the matter with different people who want a change in careers, I gain knowledge of what the users are looking for in a website like this.

I interviewed over 50 people. I had my coworkers volunteer as part of my user research. I asked several questions such as: 1."What led you into this career choice?" 2."Would you go back to school? If so, what would you like to study?" 3."What other jobs or careers are you interested in?"

The answers I received were mixed: 30% of the people surveyed were content with their career choice, 65% were unsatisfied and wanted more. The remaining 5% weren't all too sure about what they want.

Scope: What could go wrong? How many online companies are there that promote new careers? Do they guarantee a job? Would I be able to compete with these major companies?

By analyzing these questions, I prepare myself for the reality of what might go wrong with the project and be prepared to handle/find a solution to the problem.

Wireframing

&

Prototyping

After receiving feedback and information from the volunteers, it was time to have some fun!

Two different concepts for the Main Page

Through the study, more people found the second concept easier and more appealing. So I decided to go this route for the Home page

The user will have the opportunity to click the scroll down menu and select a course of their choosing to learn more about it

Once after a selection has been made, the site will take the user to the specific course' main page, where specific details will be produced upon hovering over the images. More of a cleaner layout with less text clutter.

Another option would be, once on the course page, a brief summary video would play to present the user with course information.

After making a choice on which course to take, the user would be sent to the purchasing page. Prior to that, the user would have to either signup/login. Afterwards, they will be sent to confirm purchase.

The user will have an option whether to purchase one course at "X" amount, or sign up for unlimited courses.

Main Page and Selection

I decided to design a simple layout of the home page with a selection bar to make the course search more easy to access.

Course Page

After making a selection on a particular course, the site would take you to the course page. When the user hovers over the three main pictures, it will give more detailed highlights of the course, along with a summary.

The user would also have the option to purchase the course, if they come to like the course.

Wireframing & Prototyping

After receiving feedback and information from the volunteers, it was time to have some fun!

Structure: Time to start sketching- from how the main page should look like, to the ease of accessibility for the users. Is the layout simple to navigate? I Drew up a few ideas and received more positive feedback from one particular design, so I selected it and continued with the courses and the breakdown of each one, to make it simpler and easier for the users to understand.

Two different concepts for the Main Page

Through the study, more people found the second concept easier and more appealing. So I decided to go this route for the Home page

The user will have the opportunity to click the scroll down menu and select a course of their choosing to learn more about it

Once after a selection has been made, the site will take the user to the specific course' main page, where specific details will be produced upon hovering over the images. More of a cleaner layout with less text clutter.

Another option would be, once on the course page, a brief summary video would play to present the user with course information.

After making a choice on which course to take, the user would be sent to the purchasing page. Prior to that, the user would have to either signup/login. Afterwards, they will be sent to confirm purchase.

The user will have an option whether to purchase one course at "X" amount, or sign up for unlimited courses.

Main Page and Selection

I decided to design a simple layout of the home page with a selection bar to make the course search more easy to access.

Course Page

After making a selection on a particular course, the site would take you to the course page. When the user hovers over the three main pictures, it will give more detailed highlights of the course, along with a summary.

The user would also have the option to purchase the course, if they come to like the course.

Login/Sign-up Page

Once the user has selected a course, or wants to signup for a membership, the link would take them here.

I decided to have both login and sign-up options next to each other to make the site more versatile and reduce the amount of moving to other pages.

Purchase Page

Purchase Page.png

After selecting to purchase the course, I decided to incorporate an option where the user can either purchase one curse, or sign up for a monthly membership to access all courses.

 

Video Page

Once selection has been made, the vide will be available to stream or download. The page will include an easy navigation bar, course summary and any source material needed for the course.

 

Purchase_Page_–_4.png

Profile Page

Profile Page.png

This is the users profile page where they can access all of their courses, be recommended courses to experience, and set up their own profile.

I went for this layout because having access to the material and potential new courses under the profile would be more effective since after loggin in to the site would give them less roaming around the site.

 

High Fidelity

UXU Innovation Mockup

Finale of the Project!

UXU Innovation Video Run

TITLE OF THE CALLOUT BLOCK

Lessons learned

There is no such thing as a "Perfect Design"

Throughout this experience, I've come to learn some valuable lessons. No matter how much eye for detail you have, you can always overlook some aspect. As a UX/UI Designer, quality and teamwork are key for success! Hence why I believe a UX/UI Designer is as good as his or her team is.


This experience with designing UXU-Innovation has strengthened my passion for design and for helping people! At times it was difficult, but with perseverance and the drive to succeed, the project was completed! 

 

Please feel free to take my prototype for a test run! By clicking the button below, a link will open for you to test it out. Also, feel free to leave a comment on your experience; all opinions are valued and will assist me in becoming a better User Experience designer! 

Like what you see?

Let's chat.

  • LinkedIn

©2023 Michael Martinez