yessel hinojosa portfolio

43
PORTFOLIO PORTFOLIO visual designer visual designer

Upload: yessel-hinojosa

Post on 22-Jul-2016

226 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Yessel Hinojosa Portfolio

PORTFOLIOPORTFOLIOvisual designervisual designer

Page 2: Yessel Hinojosa Portfolio

Webpage design to showcase a Google Font. I designed the website mock-up in Adobe Illustrator and I used HTML 5 and CSS 3 to develop the webpage .

Page 3: Yessel Hinojosa Portfolio

Playfair DisplayWebpage 2014

Visit webpage

Page 4: Yessel Hinojosa Portfolio

Playfair DisplayWebpage Mockup2014

Page 5: Yessel Hinojosa Portfolio

I developed this projects in two phases. Phase 1 during AAU’s WNM 605 with Ryan Medeiros where I redesign the layout for the Fillmore Florist website. The second one, during WNM 608 where I developed a dynamic website based on the previously designed layout. The website is developed using MySQL, PHP, HTML 5, CSS 3 and JavaScript.

Page 6: Yessel Hinojosa Portfolio

Fillmore FloristWebsite RedesignMock-Ups2014

Visit website

Page 7: Yessel Hinojosa Portfolio

Fillmore FloristWebsite RedesignMock-Ups2014Left: Product PageRight: Search Page

Page 8: Yessel Hinojosa Portfolio

Fillmore FloristWebsite RedesignMock-Ups2014Left: HomeRight: Check-out Page

Visit website

Page 9: Yessel Hinojosa Portfolio

Adoro le ScrapeAdoro le Scrapei shoes

Adore le Scrape is an iPhone app that intends to allow shoe-loving customers to shop from as many online shoe stores as they like all at once. The app’s purpose is to make online shoe shopping easier and less tedious. Adoro le Scarpe compares the shoes’ prices between stores and allows the user to set their preferences.

Page 10: Yessel Hinojosa Portfolio

Adoro Le ScarpeFlowchart2014

Page 11: Yessel Hinojosa Portfolio

Adoro Le ScarpeApp Design2014

Page 12: Yessel Hinojosa Portfolio

This is a very exciting app. I was inspired by the Bay Bridge Lights and wanted to do something that allowed the spectators to be interactive with it. Although the visual and UX design are still in progress, the functionality of this mobile app is thrilling. The App would enable the users to write the messages they would like to send through the Bay Bridge Lights. Before send the messages, the users can view them in the app’s built-in Bridge simulator. The user can control the speed and the animation type. Ideally, City Lights would allow the users to schedule the messages to appear on the bridge.City Lights

Page 13: Yessel Hinojosa Portfolio

City LightsApp Mockups2014

Visit website

Page 14: Yessel Hinojosa Portfolio

With this project, I explored the different ways of transforming an organic form into its inorganic self.The main piece of the project explores the metamorphosis of soft lips into a diamond like shape. Currently, the lips cross an intermediate phase of the metamorphosis. Here, we can feel their sharper edges and its shinny surface, yet the color emphasizes the lips’ warmth and softness.

INORGANIC SERIES

Page 15: Yessel Hinojosa Portfolio

Inorganic SeriesDiamond Lips2015

Page 16: Yessel Hinojosa Portfolio

For Foothill College Asian Pacific Islander Heritage Month 2013, I worked with the ASPI committee to develop the event’s concept. The marketing campaign included Banners, Brochures and Posters. I created the illustrations and layouts that accompany all the designs. Additionally, I was responsible for the project’s production.

Page 17: Yessel Hinojosa Portfolio

Asian Pacific Islander Heritage MonthBanner2013

Page 18: Yessel Hinojosa Portfolio

Asian Pacific Islander Heritage MonthPoster2013

Page 19: Yessel Hinojosa Portfolio

Asian Pacific Islander Heritage MonthBrochure2013

Page 20: Yessel Hinojosa Portfolio

For Foothill College Latino Heritage Month 2013, I developed the project’s concept based on the hearth-shaped imagotype provided by the LHM committee. The marketing campaign included Banners, Brochures and Posters. I created the illustration and layouts for the project. Additionally, I was responsible for the project’s production.

Page 21: Yessel Hinojosa Portfolio

Latino Heritage MonthSchedule Poster2013

Page 22: Yessel Hinojosa Portfolio

Latino Heritage MonthFiesta Poster2013

Page 23: Yessel Hinojosa Portfolio

Latino Heritage MonthBanner2013

Page 24: Yessel Hinojosa Portfolio

Latino Heritage MonthBrochure2013

Page 25: Yessel Hinojosa Portfolio

Title sequence based on the short story “The Astronomer Who Met the North Wind” by Kate Hall. I created the illustrations using Photoshop and the animation using After Effects.

Page 26: Yessel Hinojosa Portfolio

“The Astronomer Who Met the North Wind”Sketches2015

Page 27: Yessel Hinojosa Portfolio

“The Astronomer Who Met the North Wind”Screen Shots2015

Watch video

Page 28: Yessel Hinojosa Portfolio

“The Astronomer Who Met the North Wind”Screen Shots2015

Watch video

Page 29: Yessel Hinojosa Portfolio

Team work project. Teammates: Connie Liang, Danny Yiang, Eliot Pessah, Quian Li and Yessel Hinojosa. Research project that culminated with the collection of all the information in a booklet. I proposed the name and redesign the logo after the first draft. I also contributed to the booklet layout design.

Page 30: Yessel Hinojosa Portfolio

Original Proposal by Danny Yiang

Grey OwlLogo Re-Design2015

Page 31: Yessel Hinojosa Portfolio

Grey OwlBooklet Layout2015

Page 32: Yessel Hinojosa Portfolio

Given the nature of AAU’s urban campus, it is difficult for the students to stay around and meet other people in the department outside class. Therefore, as AAU Web Design & New Media student representative I proposed the student event “Coffee Break.” The main purpose of the event is to invite the students to socialize and network at school. The event’s poster design was one of my tasks around “Coffee Break.”

Page 33: Yessel Hinojosa Portfolio

“Coffee Break”Poster2014

Page 34: Yessel Hinojosa Portfolio

Journey Land aims to be a site that promotes well-known fairy tales with a gender equality twist. The user is required to choose a different plot option on key parts of the story. Even though this Drupal website’s design is in a wireframe state, I was able to implement some great modules to build a simple Userpoints store. On this trial site, the user can buy books using the Equicoins granted to them by signing up. After signing up and buying their first book, the user will collect Equicoins by choosing among the gender-neutral story plots to replace the original story. The books bought are added to the user’s library and they are ready to read. Cinderella’s book has parallax functionality that allowed me to add a bit of animation to the story. Cinderella’s story updates after the user selects the new outcome.

Page 35: Yessel Hinojosa Portfolio

Journey LandDrupal Website2015

Visit website

Page 36: Yessel Hinojosa Portfolio

Journey LandCard Sorting2015

Page 37: Yessel Hinojosa Portfolio

Home Sign In

Browse Books

My Libr ary

Equicoins

About

Talk to U s

Home AboutHomeSign in

Browse BooksCopyrightsMy Libr ary

Creators and Partners

Policy and SafetyPrivacyTerms

FacebookInstag ramPinterest

Twiter

Journey LandSite Architecture2015

Page 38: Yessel Hinojosa Portfolio

Children-Story Lover

TASK: Change the part of the story where the Kingthrows a ball to choose a bride for the prince

RESULT: Pick from the options “Travel around the world”

ALEX THOMPSON

Read Book Scroll down to read the story

Click on the option that you like the most

Choose the new story path

Navigate through the options

Read the overview of the new story

Continue reading the story

Journey LandUser Task2015

Page 39: Yessel Hinojosa Portfolio

Home

Sign i nRegisterGet 5 Equicoins

Add to Library

Continue Reading

Make Change # 2Select Book

Make Change #1

Get Equicoins

Get Equicoins

Get Equicoins

Continue Reading

Make Change # 3

Finishing Reading

Save Changes

Change New

Journey’ s Nam e

Browse Book

Select Book

Go to My Library

Start Reading

Journey LandSite Map2014

Page 40: Yessel Hinojosa Portfolio

This section of my portfolio displays two pieces that showcase my attention to detail and drawing skills.

TEXTURES

Page 41: Yessel Hinojosa Portfolio

TEXTURES“Two pillows, one blanket”2013

Page 42: Yessel Hinojosa Portfolio

TEXTURES“Strawberry”2013

Page 43: Yessel Hinojosa Portfolio

PORTFOLIOPORTFOLIOvisual designer

Thank You!