hassavocadoboard.com Mobile phone design
Case Study: 
HASS Avocado Board - Mobile & Vehicle Wrap Designs
8 Images : 1 of 8
Case Study:


My first goal was to carefully review the content of the website and come up with a solution on how to organize the content and offer a pleasant and easy to navigate experience for the user.

HaasAvocadoBoard.com is a very heavy data driven website that is currently not responsive, so with that in mind I wanted to focus on the "Mobile First Approach" beginning with a new Login Page and the Homepage.

The following screens are what I came up with, along with some of the interaction design so you can get a feel of how the experience could be.

I used system fonts for my initial concept Arial font family and spent time researching and was able to discover what font was used for the HAAS Avocado Board Logo. The font is called: OmnesLight and OmnesRegular. With that knowledge I used Adobe Illustrator and drew the half avocado in illustrator and typeset the rest.

8 Images : 2 of 8

8 Images : 3 of 8
I wanted to explore how I can organize the content on the homepage for http://www.hassavocadoboard.com/ on a mobile phone. Below is what the current page looks like.
8 Images : 4 of 8
8 Images : 5 of 8
Mobile screen with menu category tabs at top, Week chooser & expanding fat footer.

8 Images : 6 of 8
8 Images : 7 of 8
The above screen show's what the footer looks like when you expand that menu.

8 Images : 8 of 8
While watching Super Bowl 53... I began thinking about transportation of HASS Avocados and visualized how cool it could be to see a trailer wrap... So I decided to create one.

Thank you for visiting my page. Have a great weekend!
hassavocadoboard.com Mobile phone design
3
13
0
Published:

hassavocadoboard.com Mobile phone design

3
13
0
Published:

Tools

Adobe Photoshop
Adobe Illustrator
Copyright Info

Attribution, Non-commercial, No Derivatives

Read More