Date 10 Jan, 2016
Project Type Web Design

[vc_row][vc_column]

[vc_custom_heading text= »Bara is a backpack online store based on
London, UK. One of our latest projects was to develop a new
responsive, multi-language website. » font_container= »tag:div|font_size:30px|text_align:center|color:%23000000″ google_fonts= »font_family:Libre%20Baskerville%3Aregular%2Citalic%2C700|font_style:400%20regular%3A400%3Anormal »][/vc_column][/vc_row][vc_row][vc_column]
[/vc_column][/vc_row][vc_row][vc_column width= »2/12″][/vc_column][vc_column width= »8/12″][vc_custom_heading text= »The Challenge » font_container= »tag:h2|font_size:36px|text_align:center » use_theme_fonts= »yes »]
[vc_column_text]

Bara nestled right into our wheelhouse. A dynamic co-working space attracting entrepreneurs, tinkerers, and creatives in the tech hub of Ann Arbor, Michigan, they wanted a lifestyle brand—a complete ecosystem of brand visuals and assets that could be worn, posted, shared, and nodded at by others in the know. The challenge was capturing their collaborative ethos by creating these individual touchpoints in a way that felt and behaved like a cohesive system. Part of that was designing and building a website to accommodate the virtual community, welcoming both new and established members with the same energy and agility as the physical spaces.

[/vc_column_text][/vc_column][vc_column width= »2/12″][/vc_column][/vc_row][vc_row][vc_column]

[/vc_column][/vc_row][vc_row css= ».vc_custom_1499246261312{background: #dfe7e9 url(https://demo2.drfuri.com/naix/wp-content/uploads/sites/27/2017/06/p2.jpg?id=3755) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;} »][vc_column][vc_single_image image= »3763″ img_size= »full » alignment= »center »][/vc_column][/vc_row][vc_row css= ».vc_custom_1498207051747{background-color: #dfe7e9 !important;} »][vc_column width= »2/12″][/vc_column][vc_column width= »8/12″][vc_custom_heading text= »Our Approach » font_container= »tag:h2|font_size:36px|text_align:center » use_theme_fonts= »yes »]
[vc_column_text]

Our approach was to present the site as a visual editorial platform with quarterly features based on
events and occasions the brand was focused on. Each quarterly focus would be marked by the hero
and custom tags that filter content.

[/vc_column_text][/vc_column][vc_column width= »2/12″][/vc_column][/vc_row][vc_row css= ».vc_custom_1498207469087{background-color: #dfe7e9 !important;} »][vc_column]

[vc_single_image image= »3764″ img_size= »full » alignment= »center »]
[/vc_column][/vc_row][vc_row][vc_column]
[vc_single_image image= »3757″ img_size= »full » alignment= »center »]
“The website and tools you’ve given
us are killing it in lead generation, and our
AdWords click-through and conversion
rates are going great!” - Lucas Antony, CEO at Bara Co. -
[/vc_column][/vc_row][vc_row full_width= »stretch_row_content_no_spaces »][vc_column width= »1/2″ css= ».vc_custom_1498208322620{padding-right: 15px !important;} »][vc_single_image image= »3758″ img_size= »full »][/vc_column][vc_column width= »1/2″ css= ».vc_custom_1498208329459{padding-left: 15px !important;} »][vc_single_image image= »3759″ img_size= »full »][/vc_column][/vc_row][vc_row full_width= »stretch_row_content_no_spaces » css= ».vc_custom_1498208398784{margin-top: 30px !important;} »][vc_column][vc_single_image image= »3760″ img_size= »full »][/vc_column][/vc_row][vc_row][vc_column]
[/vc_column][/vc_row][vc_row][vc_column width= »2/12″][/vc_column][vc_column width= »8/12″][vc_custom_heading text= »Reception » font_container= »tag:h2|font_size:36px|text_align:center » use_theme_fonts= »yes »]
[vc_column_text]

After launch, brand interaction across all social channels increased. The brand went from having a few hundreds of thousands of followers to over a million in just a few months.

[/vc_column_text][/vc_column][vc_column width= »2/12″][/vc_column][/vc_row][vc_row][vc_column]

[vc_custom_heading text= »www.barastore.com » font_container= »tag:div|font_size:30px|text_align:center » use_theme_fonts= »yes » link= »url:%23||| »][/vc_column][/vc_row]