Portfolio UX/UI

HELLO, MY NAME IS JUAN FELIPE CADAVID R

I am a graphic designer and this is my portfolio

BIO: I am Juan Felipe Cadavid R. I was born in Cali, Colombia. I graduated from the Universidad Jorge Tadeo Lozano in Bogota, and after that I made a master’s in Web Design & Multimedia.

LANGUAGE: Español: 100%

STUDIES:

WORK EXPERIENCE:

Scuola Politecnica Di Design (2014) Master in Web & Multimedia design

Creative Web: Motion graphics, web design and illustration

Universidad Jorge Tadeo Lozano (2013) Professional in Graphic Design

Idealópez: Motion graphics, illustration and branding

Naska Digital (2013) Character design and 3d modelling

Young Marketing: Social networks content for Bogotá Beer Company

Universidad Jorge Tadeo Lozano(2012) HTML and CSS capacitation

Freelance: Branding, logo design

Universidad Jorge Tadeo Lozano (2011) 3ds max capacitation

HABILITIES: Illustration: UI/UX: Web: Branding:

English: 90% Italiano: 60%

3d modelling: Motion Graphics:

INTERESTS: Videogames, books, comics, movies and more videogames. The Game of thrones universe is now one of my favorite things ever, the books by Cortázar are something I re-read from time to time, and I would certainly like to do a movie or a videogame, which I am kind of currently working on. Besides from that, I am teaching myself how to draw better while keeping up with my studies here in Milan.

CONTACT ME: jfcr91@gmail.com +57 3052609488 www.jfcr.co Behance profile Portfolio 2013 Instagram Linkedin

RAY-BAN REMIX SITE

(UI/UX)

Ray-Ban Remix is a site that lets you customize your own pair of sunglasses. You can choose what color of lenses and frame you want, glasses model, engraving and even the case. The main objective was to create a responsive website that provided a seamless experience of customization among different devices.

The process of customization ended up being essentialy the same, but optimized for each device. For example using only icons and step by step customization on mobile, or the customization bar on the right side for tablet use.

Icons used for each stage of customization

Glasses model

Colors

Lenses

Sizing

pop up menu for customization

undo & redo

gallery always present

shuffle option

Right Hand customization

desktop MAIN PAGE desktop customization

RAY-BAN’S NEVER STOP (UI/UX)

Never Stop is a Ray-Ban app that lets the user track events in his city. It encourages users to use it and assist to these events by providing challenges, badges and special unlocks, such as better ticket prices based on his statistics and assistance to the events.

The rewards range from badges to special colors to customize their glasses on the Ray-Ban Remix site.

Look for events

find where they are

scan the codes given at these events

Get rewards for assisting to your favorite events

badges to track progress

Social options let you see what your friends are up to

review and rate events

xp bar gives you reputation

different categories of events

Main menu with all options available

LUZ, iPAD MAGAZINE (UI/UX) LUZ is an iPad magazine about cinema. From trailers to directors, to interviews with actors and movie reviews are discussed here.

LUZ (“light� in spanish) is the soul of movies, with no light there is no projection, there is no cinema.

SEE IT IN ACTION

ELENA MIRO’ (UI/UX)

This is a redesign for the webpage of Elena Miro, a very well known italian fashion brand aimed towards large sized women. The main objective of this redesign was to create a web environment that combined the best of shopping online with shopping directly on the store. No stress while shopping and opinions and advise based on what you plan to buy directly from your friends or an image advisor.

Homepage with the three main brands

Store locator, friends and cart

MEnu tab always present

About us page introductory video

easily change between brands using the menu tab

gallery for the white brand

Preview options

sort clothes

feel special This redesign aims to please and guide the users looking for their perfect fit. Since sizing is different in Elena Miro’s brand, we thought that integrating social networks, experts advise and a fitting room would immensely help the users find what they really wanted and what best fit them.

Enabling chat between user and advisor or her friends lets the user receive opinions and advise, thus making the online shopping experience more social and doubts free.

ask for friends or advisors opinion about your clothes

BATMAN ILLUSTRATION

This illustration was made for the Celly Award 2014.

A phone cover speaks about you as much as the shirt you are wearing, whether it is a printed or a plaid shirt it says what you like.

And an illustration was my choice to best represent something I love, which is Batman and comics in general. I consider illustrations to be a very powerful way of rendering simple things into something different, a shirt can be a shirt until you print on something you really like, then it is something you want to show and share.

ETAPAS APP CONCEPT (UI/UX)

This apps main focus would help people find their places of interest during the expo 2015 and it would also map ideas being discussed in the city based on social network input, showing what type of subjects are being discussed in any place of the city. The main idea was to generate discussion and better places to develop ideas. Then it evolved into an app that would let the user create their own experience of their city and share it with other users.

Icons

Places tags

means of transport

user actions etapas Concept Etapas is an app that lets people create their own paths through a city. It enables users to create small guided tours and share it with other people.

The user chooses 4 different places, assigns them a tag depending on the things that can be done at the place, then creates a path through these places and finally reviews and writes personalized recommendations of each place and the whole tour, that he can improve by adding his own photos and videos.

Main PAge

Look Through the Paths list

Or Search on the map using filters

Use the main menu to check all different options

Icon for the type of place

Paths review and guide rating for a place Content added by user, videos or photos

suggestions/review about the place Means of transportation

Comments from users that tried this users path

etapas website The website would provide the same options as the app.

But would have some other in-depth articles curated by historians, chefs or musicians who would be invited to create their own paths. All paths are available between the website and the app.

MOTION GRAPHICS PROJECTS (motion graphics) These are all exercises done for the motion graphics class.

I used most of all vectors, and retouching directly on after effects. Typography and character design were part of the development of each exercise. The QR code links directy to a small gif gallery.

JFCR BLOG

This blog was developed using drupal. It consists of a front page where the user can scroll through all the posts, that are displayed in a grid. It uses disqus comment module that facilitates the administration of comments. And is optimized to be viewed on mobile, tablet and desktop.

Front PAge

Article View

Comment module

JFCR PORTFOLIO

My personal portfolio website main image is based on 2001 A Space Odyssey movie. As a designer I aspire to discover and show new things, it’s all a journey through new ideas and alternate views of the same subjects. Just as an astronaut drifting in space

PRojects gallery

Projects gallery

projects gallery

About me section, animated icons are still in development

Project views

ORganized by categories

Change between projects

organized by categories

GOOGLE DOODLE 20th OF JULY Google doodle made for Colombia’s independence day.

Shown the 20th of July of 2013 on google.co site. Made in collaboration with artist Alejandro De Narvaez, the doodle was made based on one of his paintings.

The doodle was set to represent the passion and strength of colombian people.

The typography was developed exclusively for the doodle.

Typography developed for the doodle.

FINAL DOODLE original painting

+

preview of “Google”

CHECKPOINTS POSTER(data visualization) 67 PICTOGRAMS

This project compiles all the official and most popular videogame consoles ever released since the beginning of the industry, and depicts each official controller and the media used to store the games.

Over 60 pictograms were developed for this, and countless hours of research were invested to show the most complete infographic about consoles with the most amount of information possible and without the clutter and needless use of text.

EACH COLOR REPRESENTS A BRAND

OTHERS

SONY

SEGA

ATARI

NINTENDO

MICROSOFT

BASED ON THAT THE NEXT LEVEL OF INFORMATION IS ARRANGED IN THIS MANNER:

TYPE OF MEDIA FOR GAMES

CONSOLE OFFICIAL CONTROLLERS

TARANTINO MOVIES (data visualization) This infographic is based on Quentin Tarantino’s filmography. It shows the most memorable things from each movie aided by some illustrations and charts, and has a small data driven analysis and conclussions based on the things that happen across his movie universe.

Illustrations supports the data about the filmography

Distribuci贸n de muertes Muerto en Kill Bill Vol. 1 Muerto en Inglorious Basterds Muerto en Reservoir Dogs Muerto en Pulp Fiction Muerto en Death Proof Muerto en Jackie Brown Muerto en Kill Bill Vol. 2

Data is easy to understand and directly related to the movies.

=

5 lts de sangre tiene una persona

9

ILLUSTRATIONS BASED ON TARANTINO’S FILMOGRAPHY

I HOPE YOU LIKED MY PROJECTS

Thanks for seeing my portfolio, below you can see some other projects and personal info to contact me.

For further reference check my Portfolio 2013 or check my sketches on Instagram Send me an email to jfcr91@gmail.com Add me on Linkedin