{"id":304,"date":"2018-03-25T04:31:18","date_gmt":"2018-03-25T04:31:18","guid":{"rendered":"http:\/\/www.johnfreeborn.com\/portfolio\/?post_type=project&#038;p=304"},"modified":"2018-03-25T05:35:19","modified_gmt":"2018-03-25T05:35:19","slug":"apple-pay-the-north-face-vans-reef","status":"publish","type":"project","link":"https:\/\/www.johnfreeborn.com\/portfolio\/project\/apple-pay-the-north-face-vans-reef\/","title":{"rendered":"Apple Pay : The North Face, Vans &#038; Reef"},"content":{"rendered":"<p>[et_pb_section bb_built=&#8221;1&#8243;][et_pb_row make_fullwidth=&#8221;off&#8221; use_custom_width=&#8221;off&#8221; width_unit=&#8221;on&#8221; use_custom_gutter=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; allow_player_pause=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; make_equal=&#8221;off&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; background_size=&#8221;initial&#8221;][et_pb_column type=&#8221;4_4&#8243;][et_pb_post_title title=&#8221;on&#8221; meta=&#8221;on&#8221; author=&#8221;on&#8221; date=&#8221;on&#8221; categories=&#8221;on&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; featured_placement=&#8221;below&#8221; parallax_effect=&#8221;on&#8221; parallax_method=&#8221;on&#8221; text_orientation=&#8221;left&#8221; text_color=&#8221;dark&#8221; text_background=&#8221;off&#8221; text_bg_color=&#8221;rgba(255,255,255,0.9)&#8221; module_bg_color=&#8221;rgba(255,255,255,0)&#8221; title_all_caps=&#8221;off&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; _builder_version=&#8221;3.0.106&#8243; \/][\/et_pb_column][\/et_pb_row][et_pb_row][et_pb_column type=&#8221;4_4&#8243;][et_pb_image _builder_version=&#8221;3.0.106&#8243; show_in_lightbox=&#8221;off&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; src=&#8221;http:\/\/www.johnfreeborn.com\/portfolio\/wp-content\/uploads\/2018\/03\/applepay-lead.jpg&#8221; \/][\/et_pb_column][\/et_pb_row][et_pb_row make_fullwidth=&#8221;off&#8221; use_custom_width=&#8221;off&#8221; width_unit=&#8221;on&#8221; use_custom_gutter=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; allow_player_pause=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; make_equal=&#8221;off&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; background_size=&#8221;initial&#8221;][et_pb_column type=&#8221;1_2&#8243;][et_pb_text background_layout=&#8221;light&#8221; use_border_color=&#8221;off&#8221; _builder_version=&#8221;3.0.106&#8243;]<\/p>\n<p><strong>Project Overview<\/strong><\/p>\n<p>VF Corporation is home to many strong, well known brands. Each of these brand has it&#8217;s own identity but they do share a common technical foundation. I was tasked with designing the Apple Pay implementations for The North Face, Vans and Reef. There were similarities and Apple has it&#8217;s own specifications, but each site required unique considerations.<\/p>\n<p>Visit <a href=\"https:\/\/www.thenorthface.com\" target=\"_blank\" rel=\"noopener\">thenorthface.com<\/a>, <a href=\"https:\/\/www.vans.com\" target=\"_blank\" rel=\"noopener\">vans.com<\/a>, <a href=\"https:\/\/www.reef.com\" target=\"_blank\" rel=\"noopener\">reef.com<\/a><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243;][et_pb_text background_layout=&#8221;light&#8221; use_border_color=&#8221;off&#8221; _builder_version=&#8221;3.0.106&#8243;]<\/p>\n<p><strong>Problem\/Solution<\/strong><\/p>\n<p>When you are working with established brands, especially ones as strong as these, you have to start with their style guide, technical specifications and design to assure consistency and maintain that in concert with the partner&#8217;s guidelines (Apple) to deliver a clear, usable and on-brand experience. You can&#8217;t give too much weight to the partner (even if their specifications might ask for it) and you have to always consider the business goals. We started with The North Face then moved on to Vans and lastly Reef.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row][et_pb_column type=&#8221;4_4&#8243;][et_pb_divider _builder_version=&#8221;3.0.106&#8243; show_divider=&#8221;on&#8221; color=&#8221;#aaaaaa&#8221; \/][\/et_pb_column][\/et_pb_row][et_pb_row][et_pb_column type=&#8221;1_4&#8243;][et_pb_image _builder_version=&#8221;3.0.106&#8243; src=&#8221;http:\/\/www.johnfreeborn.com\/portfolio\/wp-content\/uploads\/2018\/03\/applepay-vans-confirm-iPhone.jpg&#8221; show_in_lightbox=&#8221;on&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; \/][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243;][et_pb_image _builder_version=&#8221;3.0.106&#8243; src=&#8221;http:\/\/www.johnfreeborn.com\/portfolio\/wp-content\/uploads\/2018\/03\/applepay-vans-checkout-mobile-1.jpg&#8221; show_in_lightbox=&#8221;on&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; \/][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243;][et_pb_image _builder_version=&#8221;3.0.106&#8243; src=&#8221;http:\/\/www.johnfreeborn.com\/portfolio\/wp-content\/uploads\/2018\/03\/applepay-vans-checkout-desktop-1.jpg&#8221; show_in_lightbox=&#8221;on&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; \/][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243;][et_pb_image _builder_version=&#8221;3.0.106&#8243; src=&#8221;http:\/\/www.johnfreeborn.com\/portfolio\/wp-content\/uploads\/2018\/03\/applepay-reef-pdp-1.jpg&#8221; show_in_lightbox=&#8221;on&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; \/][\/et_pb_column][\/et_pb_row][et_pb_row][et_pb_column type=&#8221;1_4&#8243;][et_pb_divider _builder_version=&#8221;3.0.106&#8243; show_divider=&#8221;on&#8221; \/][et_pb_text _builder_version=&#8221;3.0.106&#8243; background_layout=&#8221;light&#8221;]<\/p>\n<p>Raising the mobile conversion rate was an essential goal for this project and a key benefit of Apple Pay. All three sites saw a significant lift in conversion rate after release. We&#8217;re still evaluating payment methods and checkout UX for further enhanecment.<\/p>\n<p>Aside from Apple Pay being an ecommerce driver, which was a big win internally, we also got a nice nod from Apple\u2013The North Face being was featured on the Apple Pay landing page (see below).<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243;][et_pb_image _builder_version=&#8221;3.0.106&#8243; src=&#8221;http:\/\/www.johnfreeborn.com\/portfolio\/wp-content\/uploads\/2018\/03\/applepay-mobile.jpg&#8221; show_in_lightbox=&#8221;on&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; \/][\/et_pb_column][\/et_pb_row][et_pb_row][et_pb_column type=&#8221;4_4&#8243;][et_pb_image _builder_version=&#8221;3.0.106&#8243; src=&#8221;http:\/\/www.johnfreeborn.com\/portfolio\/wp-content\/uploads\/2018\/03\/Apple-ApplePay-TNF.jpg&#8221; show_in_lightbox=&#8221;on&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; \/][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><div class=\"et_pb_row et_pb_row_0 et_pb_row_empty\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> Project Overview VF Corporation is home to many strong, well known brands. Each of these brand has it&#8217;s own identity but they do share a common technical foundation. I was tasked with designing the Apple Pay implementations for The North Face, Vans and Reef. There were similarities and Apple has it&#8217;s own specifications, but [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":325,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[32,14,13,4],"project_tag":[23,31,30,19,18,29],"class_list":["post-304","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-homepage","project_category-ui","project_category-ux","project_category-web","project_tag-apple","project_tag-apple-pay","project_tag-ecommerce","project_tag-ui","project_tag-ux","project_tag-web-design"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/project\/304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/comments?post=304"}],"version-history":[{"count":5,"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/project\/304\/revisions"}],"predecessor-version":[{"id":335,"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/project\/304\/revisions\/335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/media\/325"}],"wp:attachment":[{"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/media?parent=304"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/project_category?post=304"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/www.johnfreeborn.com\/portfolio\/wp-json\/wp\/v2\/project_tag?post=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}