A new platform in which you choose the learning, time and budget.

In 2018 I studied a Master of UX/UI at EsDesign Barcelona.

For the final UX/UI master's work, I designed a social project in which I wanted to solve a learning problem. People don't usually have a lot of time to study. I ideated a new platform that would solve all the problems, both for Web and App.


#1 Ideation

👱🔍

People don’t have much time to study. Given the current situation of an unstable society and economy, learning according to your needs would be a great solution for most people. What if it was flexible? A platform in which we solve the two main problems of learning: Time and money.

“Profeporhoras” (Teacher by hours in spanish) is a new Learning portal in which you choose the training according to your time and budget.

  • Description: Online search engine for personalized teachers by hours and topics.
  • Objectives: Help people to improve their specific training with financial difficulties and who have little time.
  • Target: Mainly to a target that is already working and wants to improve their profession, but does not have much time. You just need a little training. Also the second target may be more of a hobby, people who already know how to play the guitar but have forgotten it a bit, so 4 hours and everything a day.
  • Needs covered: Micro-learning encourages savings; On the one hand, time and financial savings, curiously, it has always been said that time is money, so it covers the same need but in two main focuses.

#2 Architecture

Backhand Index Pointing Right on Apple iOS 13.3Mobile Phone on Apple iOS 13.3

The platform was designed for Web/App with a User Experience layer focused on making the user the easiest to use, with high usability and affordance. It is worth highlighting the header of the home page, which already shows an integrated search engine to make it the easiest and fastest for the user. More than 25 wireframes were designed.

  • Sitemap
  • Flow navigation
  • Wireframes
  • Design Interaction
  • UI definition

#3 Web version

UI Design

I designed a complete guidelines, assets & prototype for Developers.

  • Guidelines
  • Brand
  • Colour Palette
  • Interaction
  • Typography
  • Headers styles (H)
  • Buttons
  • Iconography

#4  Mobile version

Backhand Index Pointing Right on Apple iOS 13.3Mobile Phone on Apple iOS 13.3

Mobile layout optimized an 1 column with left alignment.
Assets mobile & Hamburger menu included.

#5  Development

Page with Curl on Apple iOS 13.3Pencil on Apple iOS 13.3

I prepared a document with all the constructive elements, system design, and assets for the developers.

#6 Prototype

Model

Need more?

Download the keynote of the Project Waving Hand