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
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 layout optimized an 1 column with left alignment.
Assets mobile & Hamburger menu included.
#5 Development
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
Saldedudas
🤭 Oops! Sorry
The mobile version is not created.
I'm working.
Please visit on desktop version.
Real state advisor that find the best option according to your economy.
In 2018 I studied a Master of UX/UI at EsDesign Barcelona.
Saldedudas.com was a 2-month project of Master, in which 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
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
#5 Prototype
Model
Need more?
Download the keynote of the Project
