8
design portfolio
Ui/UX Design 2012-2017
USER RESEARCH INTERACTION DESIGN VISUAL DESIGN
Description UX involves all the aspects of the interactionf of a person with something. It is what gives you cues of how to interact. UXD is an experience that delivers value, a positive outcome. Jesse james garret: writer of the elements of user experience says that user experience simply refers to the way a product behaves and is used in the real world. A positive user experience is one which the goals of both the user and the organization that creates the product are met. Usability is one atribute of a succesfull user experience, but usability alone does not make an experience positive for the user. Research, setting a project Scope, a clear interaction design, and navigation design.WWW
Tools Adobe Photoshop and Illustrator Phase Freelance
design portfolio
Vayu: Sport Match finder APP DESIGN UI DESIGN PROJECT MOCKUP
Description Nov - 2016
10
Vayu is an app with a functionality similar to happn o, but its purpose is finding you the nearest sport games available. with an easy interface you can see what type of game ( basketball,baseball,etc), how many people they need) and you can easily get in touch via an integrated chat function.
12
design portfolio
01
CHALLENGES
App Description One of the main challenges was to make the app as easy and straight forward to use as possible. an icon system was developed so the user could tell at first glance what type of game was happening around him, the users profiles also included critical information (name, age, past reviews) and then the chat was as simplified as possible.
I g n a c i o B r i t o 13
03
IWATCH VERSION
Description This was my first time adapting a design to apple watch.. It was a nice challenge to think how to reduce the app to the most basic functions while still mantianing functionality and a clear navigation and usability.
14
design portfolio
I g n a c i o B r i t o 15
design portfolio
Velociraster: Web Design WEB DESIGN ANIMATION PROJECT MOCKUP
https://www.velociraster.com dec - 2016
16
Velociraster is a business marketing company that specializes in customized integrated communications design to differentiate and elevate your brand in the marketplace. they wanted to keep this tecnology aspect but to focus more on business solution and end goals. as their business gravitates more towards marketing solutions
I g n a c i o B r i t o 17
01
VISUAL STYLE
Visual Style We created a geometrical icon system that was in line with the brand low poly logo. Each shape and color was assigned to a different category and kind of service. we also used slanted mask for the images all across the website for branding consistency.
18
design portfolio
I g n a c i o B r i t o 19
design portfolio
Know Your Race: Marathon App APP DESIGN UI DESIGN PROJECT MOCKUP
Description May - 2016
20
it is an iPad (only iPad) app for Marathon and Triathlon athletes. It has maps of the courses they run / bike / swim, as well as expert tips inserted at key points on the course. The problem is, athletes of these types of events get printed physical packets before the race with all the details and the course. As the race approaches that information can often change and it’s hard to get every necessary update.
22
design portfolio
02
KEY FEATURES
Key Features I-ntegrated maps of the courses they run / bike / swim, as well as expert tips inserted at key points on the course. -Updated event list and live changes to the tracks and routes as they come up. - Personal Profile listing events, best time s and track record.
I g n a c i o B r i t o 23
01
PROCESS
Design PRocess athletes can purchase access to a race and have access to the most current course (it gets edited by KYR staff so it’s always current), tips and details about the race and course. With this project we went through a variety of wireframes for both the app and a web admin for data entry.
design portfolio
Mirzam: Web Design WEB DESIGN PHOTOGRAPHY PROJECT MOCKUP
www.mirzam.com Apr - 2017
24
Mirzam is a chocolate company based in Dubai. Their brand focus is the story mytology behind the spice routes. that is why we used vintage enciclopedia illustrations for the home screen and for the packagings as well.
26
design portfolio
I g n a c i o B r i t o 27
design portfolio
Smacker: Inter-School Chat APP DESIGN UI DESIGN PROJECT MOCKUP
Description Oct - 2015
28
A social platform where they could create forums for their school and discuss several matters. it’s for high school kids in the US (grades 9-12). some of the issues was ensuring no bullying ouccred, this was done with moderators but also on what sort of content was allowed to be published.
30
design portfolio
01
WEB APP
Description The web system allows internal staff to manage a specialized cloud based library of documents intended for targeted presentations the staff needs to make. The iPad app allows for rapid creation of specialized presentations by making use of the documents in their cloud system. The ability to rapidly insert mixed combinations of docs and created a pdf connected this docs was.
I g n a c i o B r i t o 31
02
IPAD APP
Description The iPad app allows for rapid creation of specialized presentations by making use of the documents in their cloud system. The ability to rapidly insert mixed c ombinations of docs and created a pdf connected this docs was.
design portfolio
Cinemaker: Movie app APP DESIGN UI DESIGN PROJECT MOCKUP
Description Oct - 2015
32
Social Media Platform for Cinema lovers, where they can get together, discuss films, actor and also create and get together for their own projects. The platform was half social media platform and half movie/cinema database. so we had to integrate both aspcts.
34
design portfolio
02
KEY FEATURES
Key Features - Integrated list of movies and actor database -User profile, chat function, ability to share from across other platforms. - Ability to create custom groups and even, job posting for collaborations
I g n a c i o B r i t o 35
01
HISTORY
History The site was kind of a LinkedIn for creative people. They came to us with designs (in 2012), and we coded the site. There were a lot of features, it was a pretty big project. They started early testing of the site and decided there were some major flaws in the business plan and shut down the company before it really got started.