zip code

2013, Art Direction, Visual Design, UX

Zip Code is a magazine that highlights the cultural life of your city. In this outlet, you can find all sorts of expressions like music, live concerts, exhibitions, theatre curated specifically to your hometown. In today’s flood of content that can be found on the internet, ZipCode promises to deliver what really matters on your city. My brief was to bring this whole concept to life, in the form of a responsive website. 

Having intervened in several fronts of this project — UX, art direction and visual design — my main concern was to display great amounts of information never compromising the beauty of the design, mainly because we’re talking about a target that values the visual aspect a lot. 

The design comes to life with splashes of electric colours that somehow express a more pop culture-centric tone. This is a platform that is flexible enough, allowing the team to scale their editorial capabilities offering them the possibility of inclusion of different mediums. 

homepage_v4homepage_v4
radioradio
articlepage_v3articlepage_v3
mobilezip_newmobilezip_new
[unex_ce_button id=“content_28ycwu3js,column_content_u4c6cks8h” button_text_color=“#222222” button_font=“semibold” button_font_size=“15px” button_width=“full_width” button_alignment=“center” button_text_spacing=“2px” button_bg_color=”#ffffff” button_padding=“80px 60px 80px 60px” button_border_width=“0px” button_border_color=“#000000” button_border_radius=“0px” button_text_hover_color=”#ffffff” button_text_spacing_hover=“2px” button_bg_hover_color=“#222222” button_border_hover_color=“#222222” button_link=“http://isabelsousa.com/work/tutorthepeople/” button_link_type=“url” button_link_target=“_self” has_container=”” in_column=“1”]PREVIOUS PROJECT[/ce_button]
[unex_ce_button id=“content_28ycwu3js,column_content_82k0uo8mn” button_text_color=“#222222” button_font=“semibold” button_font_size=“15px” button_width=“full_width” button_alignment=“center” button_text_spacing=“2px” button_bg_color=”#ffffff” button_padding=“80px 60px 80px 60px” button_border_width=“0px” button_border_color=“#000000” button_border_radius=“0px” button_text_hover_color=”#ffffff” button_text_spacing_hover=“2px” button_bg_hover_color=“#222222” button_border_hover_color=“#222222” button_link=“http://isabelsousa.com/work/story/” button_link_type=“url” button_link_target=“_self” has_container=”” in_column=“1”]NEXT PROJECT[/ce_button]