COAL

Product Design

[vc_row equal_height=”yes” css=”.vc_custom_1526032336540{padding-top: 60px !important;padding-bottom: 90px !important;}”][vc_column width=”3/4″ css=”.vc_custom_1487239752272{padding-top: 80px !important;padding-right: 100px !important;}”][mgt_header_block_wp title=”01. Our Process” style=”2″ texttransform=”none” line_margin=”small” line_color=”#3452ff” line_color_grad=”#ad3ed8″ css_animation=”none” line_grad=”true” css=”.vc_custom_1526046255635{margin-top: -10px !important;}”][vc_column_text css_animation=”none” el_class=”text-size-large”]

As a brand with a strong grasp of who they are and what they stand for,  our challenge was to simplify and clarify their brand platform, and to create an identity system and flagship eCommerce experience. One that helps them express themselves in the right way, to the right people.

[/vc_column_text][vc_separator][vc_column_text css_animation=”none” el_class=”text-size-medium” css=”.vc_custom_1526032933995{padding-top: 30px !important;}”]

As a brand with a strong grasp of who they are and what they stand for,  our challenge was to simplify and clarify their brand platform, and to create an identity system and flagship eCommerce experience. One that helps them express themselves in the right way, to the right people.

[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” css=”.vc_custom_1526032097531{padding-top: 60px !important;background-color: #ecf8f5 !important;}”][vc_column width=”3/4″ css=”.vc_custom_1487239752272{padding-top: 80px !important;padding-right: 100px !important;}”][mgt_header_block_wp title=”02. Sample Screens” style=”2″ texttransform=”none” line_margin=”small” line_color=”#3452ff” line_color_grad=”#ad3ed8″ css_animation=”none” line_grad=”true” css=”.vc_custom_1526046263196{margin-top: -10px !important;}”][vc_column_text css_animation=”none” el_class=”text-size-medium”]

As a brand with a strong grasp of who they are and what they stand for,  our challenge was to simplify and clarify their brand platform, and to create an identity system and flagship eCommerce experience. One that helps them express themselves in the right way, to the right people.

[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1526031997099{padding-top: 30px !important;padding-bottom: 100px !important;background-color: #ecf8f5 !important;}”][vc_column][mgt_images_slider_wp slider_images=”398,401,402,403,412,418,419″ autoplay_speed=”5000″ centeractiveslide=”true” center_padding=”80px”][/vc_column][/vc_row][vc_row equal_height=”yes” css=”.vc_custom_1493917539517{padding-top: 60px !important;}”][vc_column width=”3/4″ css=”.vc_custom_1487239752272{padding-top: 80px !important;padding-right: 100px !important;}”][mgt_header_block_wp title=”03. Colors” style=”2″ texttransform=”none” line_margin=”small” line_color=”#3452ff” line_color_grad=”#ad3ed8″ css_animation=”none” line_grad=”true” css=”.vc_custom_1526060209124{margin-top: -10px !important;}”][vc_column_text css_animation=”none” el_class=”text-size-medium”]

As a brand with a strong grasp of who they are and what they stand for,  our challenge was to simplify and clarify their brand platform, and to create an identity system and flagship eCommerce experience. One that helps them express themselves in the right way, to the right people.

[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row css=”.vc_custom_1526046288327{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column width=”1/3″][mgt_promo_block_wp background_color=”#e76460″ block_height=”350px” content_va=”bottom” text_color=”white” css_animation=”fadeInDown” block_shadow_effect=”true” block_hover_effect=”true”]

Red Color

#e76460

[/mgt_promo_block_wp][/vc_column][vc_column width=”1/3″][mgt_promo_block_wp background_color=”#4bc8af” block_height=”350px” content_va=”bottom” text_color=”white” block_shadow_effect=”true” block_hover_effect=”true”]

Green Color

#4bc8af

[/mgt_promo_block_wp][/vc_column][vc_column width=”1/3″][mgt_promo_block_wp background_color=”#7a4bc8″ block_height=”350px” content_va=”bottom” text_color=”white” css_animation=”fadeInDown” block_shadow_effect=”true” block_hover_effect=”true”]

Violet Color

#7a4bc8

[/mgt_promo_block_wp][/vc_column][/vc_row][vc_row][vc_column][vc_separator][/vc_column][/vc_row][vc_row equal_height=”yes” css=”.vc_custom_1526032336540{padding-top: 60px !important;padding-bottom: 90px !important;}”][vc_column width=”3/4″ css=”.vc_custom_1487239752272{padding-top: 80px !important;padding-right: 100px !important;}”][mgt_header_block_wp title=”04. Features” style=”2″ texttransform=”none” line_margin=”small” line_color=”#3452ff” line_color_grad=”#ad3ed8″ css_animation=”none” line_grad=”true” css=”.vc_custom_1526064146238{margin-top: -10px !important;}”][vc_column_text css_animation=”none” el_class=”text-size-medium”]

As a brand with a strong grasp of who they are and what they stand for,  our challenge was to simplify and clarify their brand platform, and to create an identity system and flagship eCommerce experience. One that helps them express themselves in the right way, to the right people.

[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row css=”.vc_custom_1526048376412{margin-bottom: 30px !important;}”][vc_column][mgt_promo_block_wp background_color=”#f5f5f5″ darken=”darken” darken_overlay_color=”rgba(0,0,0,0.37)” animated=”1″ animated_overlay_color=”rgba(0,0,0,0.82)” background_image_id=”279″ coverimage=”1″ parallax=”fixed” block_height=”560px” text_color=”white” button_url=”url:%23|||” button_style=”borderedwhite” button_round_edges=”full” button_size=”large” icon_type=”material” icon_material=”vc-material vc-material-play_arrow” hover_effect=”grow” format_h2_fontsize=”45px” format_h2_margin=”50px” background_image_enable=”true” button_top_margin=”true” button_icon=”true”]

Video Presentation

[/mgt_promo_block_wp][/vc_column][/vc_row][vc_row equal_height=”yes” css=”.vc_custom_1526032336540{padding-top: 60px !important;padding-bottom: 90px !important;}”][vc_column width=”3/4″ css=”.vc_custom_1487239752272{padding-top: 80px !important;padding-right: 100px !important;}”][mgt_header_block_wp title=”05. Additional” style=”2″ texttransform=”none” line_margin=”small” line_color=”#3452ff” line_color_grad=”#ad3ed8″ css_animation=”none” line_grad=”true” css=”.vc_custom_1526310547386{margin-top: -10px !important;}”][vc_column_text css_animation=”none” el_class=”text-size-medium”]

As a brand with a strong grasp of who they are and what they stand for,  our challenge was to simplify and clarify their brand platform, and to create an identity system and flagship eCommerce experience. One that helps them express themselves in the right way, to the right people.

[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_single_image image=”408″ img_size=”full”][/vc_column][vc_column width=”1/2″][vc_single_image image=”406″ img_size=”full”][/vc_column][/vc_row][vc_row equal_height=”yes” css=”.vc_custom_1526063186764{padding-top: 60px !important;}”][vc_column width=”3/4″ css=”.vc_custom_1487239752272{padding-top: 80px !important;padding-right: 100px !important;}”][mgt_header_block_wp title=”06. Info” style=”2″ texttransform=”none” line_margin=”small” line_color=”#3452ff” line_color_grad=”#ad3ed8″ css_animation=”none” line_grad=”true” css=”.vc_custom_1526310540990{margin-top: -10px !important;}”][vc_column_text css_animation=”none” el_class=”text-size-medium”]

As a brand with a strong grasp of who they are and what they stand for,  our challenge was to simplify and clarify their brand platform, and to create an identity system and flagship eCommerce experience. One that helps them express themselves in the right way, to the right people.

[/vc_column_text][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row equal_height=”yes” css=”.vc_custom_1526062934009{padding-top: 20px !important;padding-bottom: 90px !important;}”][vc_column width=”1/2″ css=”.vc_custom_1526058890780{padding-right: 100px !important;}”][vc_column_text css_animation=”none” el_class=”text-size-small” css=”.vc_custom_1526310374095{padding-top: 30px !important;}”]

Project Team

Adam Stevens — Creative Director
Johnson Philips — Head of Art & Illustrator
Sara McCain — Art Director & Designer
John Gilbert— Front-End Developer
Rebecca Wallet— Copywriter[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text css_animation=”none” el_class=”text-size-small” css=”.vc_custom_1526063180106{padding-top: 30px !important;}”]

Awards

Webby Awards: 2016 Honoree
OMMA: 2016 Site of the Year
Awwwards: Site of the Year Finalist
Awwwards: Site of the Day[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” parallax=”content-moving” parallax_image=”430″ css=”.vc_custom_1526310509356{margin-bottom: 90px !important;padding-top: 140px !important;padding-bottom: 140px !important;background: rgba(71,71,71,0.27) url(https://chrisodeh.com/wp-content/uploads/2017/11/import_placeholder.png?id=430);background-position: center;background-repeat: no-repeat !important;background-size: cover !important;*background-color: rgb(71,71,71) !important;}”][vc_column width=”1/3″][mgt_counter_wp counter_value_to=”700″ counter_title=”Percent of users recommend us ” size=”large” color=”white” align=”center”][/vc_column][vc_column width=”1/3″][mgt_counter_wp counter_value_to=”93″ counter_title=”Increase in Average Time on Page” size=”large” color=”white” align=”center”][/vc_column][vc_column width=”1/3″][mgt_counter_wp counter_value_to=”800″ counter_title=”Image Used” size=”large” color=”white” align=”center”][/vc_column][/vc_row]

Client: MindMag

Project url: http://mindsparkleshop.com

Category: Agency, App Design, Services