Ui&web_ignacioBrito

Page 1

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.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.