Profe por horas

🤭 Oops! Sorry

The mobile version is not created.
I'm working.

Please visit on desktop version.

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 15.4Thinking Face on Apple iOS 15.4

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

Mobile Phone with Arrow on Apple iOS 15.4

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

#5  Development

Page with Curl on Apple iOS 15.4

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

 

Backhand Index Pointing Down: Light Skin Tone on Apple iOS 15.4


saldedudas app

Saldedudas

🤭 Oops! Sorry

The mobile version is not created.
I'm working.

Please visit on desktop version.

"Sal de dudas" a Real Estate App that find the best option to buy according your economy with machine learning.

In 2018 I studied a Master of UX/UI at EsDesign Barcelona.
"Sal de dudas" was a 2-month project of Master on I developed all the phases of a new digital product, from the ideation, generation of ideas, testing and validation of the ideas to the entire UX/UI design of the MVP.


#1 Research

👱🔍

The first step, was to work on the first subject of the project:
Digital Media Strategy. My goal was to focus getting a general idea of the current social, technological and creative situation to develop a creative process that would allow me to select and validate ideas.

  • Generation of ideas
  • Previous context
  • Discussion and focus
  • Bases and criteria
  • Lateral thinking
  • Exploring ideas
  • Idea validation
  • User interviews
  • Definition
  • MVP
  • Business model
  • Content design

#2 Definition

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

The idea of which was defined based on conclusive studies and user tests, was to create a social project to help people decide to know which is the best option when buying or renting their home.

An online platform that worked thanks to big data. The user had to fill out a form according to their economy and data showed them the best option. That is why the name means “Saldedudas” No doubts in spanish.

#3 Look&Feel

UI Design

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

  • Guidelines
  • Brand
  • Colour Palette
  • Interaction

  • Typography
  • Headers styles (H)
  • Buttons
  • Iconography

#4  Architecture

I designed architecture, hierarchy & usability for the App version, focused on design user centered.  In the wireframes, I added visual information about the interface, for example the elements status and all the technical indications of the design interaction.

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

Need more?

Download the keynote of the Project
👇

Thinking about a project or idea?

Let's talk...

TALK WITH RAFEL