title-01title-01

During my internship at Carrot Creative - A VICE company, I was given the task to create the responsive version of the VICE Media Kit. 

Vice is a print magazine and website focused on arts, culture, and news topics. Its real estate for advertising is humongous which sprung the birth of the media kit, a website meant to sell VICE ad space. 

The Media kit is meant to sell advertising. It introduces all of the VICE platforms including its TV Channels, digital offerings, and printed forums. It also provides an in depth analysis of the several audience profiles of the VICE following in what the company calls Mindsets. During my time working with this project, I was responsible for creating a responsive version of the site, strictly for mobile. 

[unex_ce_button id="content_b94wc43pe,column_content_8a7uody2l" button_text_color="#e7221b" button_font="bold" button_font_size="14px" button_width="auto" button_alignment="left" button_text_spacing="2px" button_bg_color="" button_padding="10px 20px 10px 20px" button_border_width="2px" button_border_color="#e7221b" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#e7221b" button_border_hover_color="#e7221b" button_link="https://assets.adobe.com/link/159171f6-d2c2-443e-7148-509e2edb30c6?section=activity_public&page=1" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW PROCESS DOCUMENT[/ce_button]

Client 

VICE

Duration 

2 Weeks, Summer 2016

Role 

User Experience, User Interactions, Prototyping

infoarch-04infoarch-04
informationarchitectureinformationarchitecture
titlesketches-02titlesketches-02
navigation-01navigation-01

One of the most primary rules of UX design is to always make sure the user knows exactly where they are

The top bar navigation does just that. As the user scrolls through the website, they might loose track of where they are by scrolling through the title too quickly. To make it the easiest and most accessible, the name of the page the users are on is available at the center of the top bar navigation. The top bar navigation also hosts a hamburger menu that takes them to the navigation page. The top bar navigation can get in the way when users are reading through. I found that a lot of users like using the top and bottom margins of their phone to keep track of what line in a paragraph they are reading through. With all this in mind, I decided to hide the top navigation when not in use. When it disappears, it can easily be accessed by scrolling upwards.

One of the first things I always ask myself when I design is "What is the main purpose of this site?"

To answer this, I thought about the user's journey through the mobile media kit. On a best case scenario, the user opens the site, finds something they like, and contact VICE to make a purchase. This means that the website's main goal is to get the user to the contact page as effortlessly as possible. With this information in mind, I decided to keep the contact icon ever-present in the top bar navigation so that no matter where in the page the user is, the contact page is just a click away.

clicktoview-01clicktoview-01

I just thought, why not give the Ad buyers, our user, the same experience as the Ad viewer?

The whole point of the product pages is for the user to see the examples of each type of Ad. I tried several things but it made the most sense for me to just play the gifs like videos. I really wanted the viewer to feel as if they were in the actual Ad, and it only made sense to blow it up to the margins as if they were indeed caught in an Ad. Seeing the Ad in its full margin, this potential buyer understands exactly what the real user of the ads would be experiencing and would be able to realize how fun the ad really is, as VICE ads are known for their original and interactive nature. 

Looking for annotated wireframes? There's a ton and they're in here:

[unex_ce_button id="content_2cw7mq2db,column_content_8a7uody2l" button_text_color="#e7221b" button_font="bold" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="" button_padding="10px 20px 10px 20px" button_border_width="2px" button_border_color="#e7221b" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#e7221b" button_border_hover_color="#e7221b" button_link="https://assets.adobe.com/link/159171f6-d2c2-443e-7148-509e2edb30c6?section=activity_public&page=1" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW PROCESS DOCUMENT[/ce_button]

The Internship

Last summer, I had the honor of being part of the Carrot Creative Intern Class of 2016. Not only did I get to experience life on my own in a big city, but I was surrounded by a wonderful group of experienced and impassioned co-workers for an entire 3 months. I accepted a position with the design team rather than with the UX team and realized a very important lesson.

My passion for design comes not from the beautiful visuals that are possible thanks to the practice of this craft but rather because of how it can help others, how it can change the world. This is when I decided to focus my education and experience on the research problem solving part of User Experience Design. 

[unex_ce_button id="content_5u993kzdh,column_content_yqx3q4l3n" button_text_color="#f79226" button_font="bold" button_font_size="14px" button_width="auto" button_alignment="left" button_text_spacing="2px" button_bg_color="" button_padding="10px 20px 10px 20px" button_border_width="2px" button_border_color="#f79226" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#f79226" button_border_hover_color="#f79226" button_link="https://carrot.is/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]CARROT CREATIVE[/ce_button]

The Intern Project

The coolest thing about being part of the intern class was that we had the opportunity to take over a project - the Dove Men Bifurcation Account - and present our own ideas to Unilever executives.

In the end, the Unilever executives really liked our ideas and told us they planned on implementing parts and pieces. Also, during my time working with the design team, I had the opportunity to touch several other accounts including Clinique, The New York Yankees, Cole Haan, Suave, Chipotle, and many more.

[unex_ce_button id="content_kmlm2akbv,column_content_v8fo3pyj1" button_text_color="#80b9cf" button_font="bold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="" button_padding="10px 20px 10px 20px" button_border_width="2px" button_border_color="#80b9cf" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#80b9cf" button_border_hover_color="#80b9cf" button_link="https://adobe.ly/2jlSy0d" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]DOVE MEN PROCESS DOCUMENT[/ce_button]

thank you.