Portfolio by Elmer Osorio

UX/UI

PORTFOLIO

CONTENT : UX/UI

EasyClass LevelUp Gus Delivery Reach the Unkown Banorte

3-5 6-7 8-10 11-12 13-15

: UX/UI

Easy Class About the Project Situation

Help middle school students to better understand their distance classes.

Hypothesis

We believe that by creating an interactive digital tool for middle school students, we will ensure that they have a tool that improves their experience with distance classes.

Insights based on surveys and interviews

Country: El Salvador

Students preferd PC than Cellphones

Age: 14-16

Poor internet signal

There’s no distractions at home

Most used apps: Whatsapp and Zoom

Homework sent by e-mail

User Personas I hate poor internet quality that interferes with my clases

Adapted Hyperactive Distracted Respectful

José Student - 15 Allowance $20.00 Lives in downtown Study in public school Use the bus

Not having prior training complicated this new stage of virtual classes. Determined Forgetful Aprentice Organized

Pains

Connection failures or apps used by students crash. Family members interrupt classes by doing everyday stuff.

General behavior

Passionate about technology, he uses mid-range products, he likes to play video games online on his phone, spend a lot of time on social media.

Goals Learn a lot with the new modality of virtual classes, supported by all the information on the internet.

Pains

Connection failures or apps used by students crash. Use new tools without prior training.

María Teacher - 45

Goals

Salary $800.00 month Lives in downtown Works in public school Has two children

Develop a methodology that motivates students to want to continue learning with virtual classes.

General behavior

She likes to spend time with her family, she is very patient and will prepare her classes using creative methods, she purchases beauty products because she likes to take care of her appearance.

: UX/UI

User Journey Happy Path Solved

Situation Poor internet conection

Start his online school

He realizes that the audio cuts out

Try to find a better place for a better internet

He realizes that the internet does not work

Her ask his teacher for help

His teacher sends a pdf with information

He study by himself and understand the lesson

Push Notification

APP

User Feelings

Contact Points APP

Features Face ID

Offline Resources

Personal chat with teachers

Upload archives to the app

Information ordered by themes

User name and pasword

Save and sent information later

Contact cards

Practical Activities

Information ordered in units

: UX/UI

Ideate & Create Sketches & wireframe Practical Activities

High ﬁdelity prototype

: Branding + UX/UI

LevelUp Hypothesis

We believe that with the brand design for the running platform focused on sedentary adults from 25 to 40 years old, the value of being active for a better life will be transmitted.

Golden Circle

After collecting information through forms and interviews, we found important data about the needs of our users that served as a guide for the development of the strategy.

What? Why?

Brand Essence

Inspire a balanced life through running exercises, which are adjusted to the times and needs of each user.

Brand Persona & Core Values

How?

Freedom

Have Fun

Innovation

Goals

Emotional Benefits

Self Steem

Happiness

Clear mind

Rest

Functional Benefits

Progress

Healthy Body

Schedules

Disclipline

Features & Atributes

Freedom

Have Fun

Goals

Brand Persona

Basic Info

Name: Carlos Age: 30

Pains

I wish I had more friends to go running. It bothers you that people are stressed about your work. You don't like tedious routines. You are afraid that your students will hurt themselves while exercising. He does not like to exercise without music. He hates sitting all day.

Demographic

Mexican, city. Upper middle class. With a stable job Single living in an apartment Like to play video games Order your food at home

Goals

To improve people's physical condition. Get them into the habit of doing running routines to stay healthy. He wants people to find a time to run / exercise.

Results: Logotype Landingpage App screens Check full project out: https://bit.ly/3t PrKL8

: Branding + UX/UI

Gus Delivery About the Project Description

Gus Delivery is a premium pet-food app for those who want to give the best to their pets, also you can find another pet stuff in there, such as toys, clothes, etc.

What is the goal?

The main goal is to create an app that can offer premium pet food into your hands, and all that you’ll need is to make just a few clicks to find the best product online.

The app offers to you only top quality products so My role you can be sure that your pet will always enjoy its I created the logo and the app prototype. food, and you will be taking care of their health at the same time.

Persona Alejandra Hernández

Ale works 40 hours a week, she knows how to get the most out of her phone and optimize her time, she´s 27, childless, has a professional degree, and adores dogs.

Needs

- Save time - Get the best products - Real reviews & photos

Frustations

- No pet-food places - Forgot to buy - Traffic

The Logo Sketches

Who is GUS?

Logo

App Icon

Gus is a friendly, sophisticated, and intelligent ** The icon and the typography can be used Boston Terrier who´s going to help you to get the separated from each other according best products. to the necessities.

: Branding + UX/UI

Ideate & Create Sketch

Wireframe

Destacados

Prototype

Description

To show the first idea to the client I do quick sketches, this allows me to explain the idea. Then follows wireframing, and the final designed, and animated prototype.

User Interface

: Branding + UX/UI

Prototype

9:41

: Branding

The isotype created under the CONTINUUM concept, transmits the relationship of continuity between the MICRO and MACRO reality, for this, three elements have been essential: a cell in the center to represent the micro, a hexagon taken from a space soccer ball that reinforces learning without neglecting the fun and a constellation that symbolizes with three stars inside the hexagon the discoveries already made, a star on the edge for what is in process and one out for the unknown. In terms of design, it uses the ideal flat style to adapt to digital platforms and traditional print media.

Sketches

Colors

#4132AA

#788CFF

#FF58B8

Tipography

BOLD

REGULAR

LIGHT

abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

0123456789

: Branding

Grid

Minimum size allowed

12X 0.9cm

2.2 cm

5X The grid is governed by the letter O of the Montserrat typography, which is represented by the letter X, the proportion 16X wide by 5X high must be respected to maintain the harmony of all elements. The minimum size must respect the following measures: 3 cm wide by 0.9 cm high, to achieve the perfect visualization of all the elements.

Website UI

News

Events

Galery

Contact

Want to explore the wonders of the universe? e-mail Subscribe

: UX/UI

Banorte Hypothesis

We believe that with a renewal and improvement of the user experience in the current platforms of the Banorte bank we will reduce the load of people who receive the branches by a minimum of 30%.

User Persona I hate long lines at the bank for relatively simple operations.

Adapted Anxious Sensitive Respectful

Dolores Rodríguez Designer - 32 Incomes $800.00 Lives in downtown Has a Dog Use her own car

She does not understand the application and you have to go to the bank to be able to transactions. Uses the app to check your balance only.

She loves to design for humans and to connect business goals with customer's necesities.

Goals I would like to pay friends quickly, without the need for paperwork and back and forth.

Site Map

Banorte

Web

App

Request account

Dashboard

Form

Favorites

Accounts

Cards Dashboard

Account

Transactions

Payments

Details

Balance

Cards

Services

Promos

: UX/UI

Design System Logo

Fonts

Colors

Brand Status Neutral

Buttons

Actions

Cards

: UX/UI

Prototypes

Wanna try the prototype?

https://bit.ly/3n JPoYO

Thanks for watching!