[mk_page_section bg_position=”center center” bg_repeat=”no-repeat” bg_stretch=”true” video_loop=”false” full_height=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”100″ section_id=”hero-image-xbox” visibility=”hidden-dt” el_class=”hero-image” sidebar=”sidebar-1″][vc_column border_color=”#ffffff” css=”.vc_custom_1521320884670{border-right-width: 15px !important;border-left-width: 15px !important;background-color: #ffffff !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;border-radius: 15px !important;}”][vc_row_inner css=”.vc_custom_1521340223901{margin-top: 0px !important;margin-bottom: 0px !important;padding-right: 15px !important;padding-left: 15px !important;}” el_class=”go-to-mobile-experience”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_empty_space height=”50px”][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”go-to-mobile-title”]Go To Mobile Version[/mk_fancy_title][mk_button_gradient grandient_color_from=”#0ec184″ grandient_color_to=”#2fd187″ grandient_color_fallback=”#0ec184″ url=”https://ideas2.graphics/xbox-fitness-mobile/” align=”center” button_custom_width=”275″ margin_bottom=”25″ margin_right=”0″ el_class=”main-link-btn-1″]Mobile Experience[/mk_button_gradient][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1521341010031{margin-bottom: 0px !important;}”]Due to minor but different experiences, I split the desktop & mobile version. I am making further changes to combine both while decreasing download time. Have a suggestion? .[/vc_column_text][vc_empty_space height=”50px”][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_position=”center center” bg_repeat=”no-repeat” video_loop=”false” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”75″ section_id=”hero-image-xbox” visibility=”visible-dt” el_class=”hero-image” sidebar=”sidebar-1″][vc_column][vc_row_inner visibility=”visible-dt”][vc_column_inner]

[/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#ffffff” bg_position=”center center” enable_3d=”true” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”75″ section_id=”adwords” visibility=”visible-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column border_color=”#ffffff” css=”.vc_custom_1521512279821{border-right-width: 15px !important;border-left-width: 15px !important;padding-top: 0px !important;padding-bottom: 0px !important;background-color: #ffffff !important;}”][vc_row_inner][vc_column_inner][mk_fancy_title color=”#556670″ size=”34″ line_height=”150″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”8″ margin_top=”25″ margin_bottom=”25″ font_family=”Poppins” font_type=”google” animation=”fade-in” el_class=”mobile-project-title”]keyart on dash[/mk_fancy_title][vc_separator color=”custom” align=”align_left” css_animation=”fadeIn” accent_color=”#e6eef0″][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1523389847100{padding-top: 200px !important;padding-bottom: 200px !important;background-color: #556670 !important;}”][vc_column_inner width=”1/3″][mk_custom_box padding_vertical=”100″ padding_horizental=”50″ margin_bottom=”0″ animation=”fade-in”][mk_fancy_title color=”#ffffff” size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” animation=”fade-in” el_class=”mobile-project-title”]Xbox One[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” animation=”fade-in” el_class=”mobile-project-subtitle”]Dashboard[/mk_fancy_title][vc_column_text el_class=”mobile-project-par” css=”.vc_custom_1523390230258{margin-bottom: 0px !important;}”]

Assigned to create key art for Xbox Fitness featured Partners and comprise them to promote Xbox Fitness as one of the leading digital platforms in fitness experience programs.

[/vc_column_text][/mk_custom_box][/vc_column_inner][vc_column_inner width=”2/3″][mk_custom_box padding_vertical=”100″ padding_horizental=”50″ margin_bottom=”0″ animation=”fade-in”][vc_single_image image=”30″ img_size=”full” alignment=”right” onclick=”link_image” css_animation=”none” el_id=”desktop-xbox-dashboard-01B” el_class=”desktop-project-view-image”][/mk_custom_box][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1521669044933{padding-bottom: 125px !important;background-color: #556670 !important;}”][vc_column_inner el_class=”rellax” width=”2/3NaN”][vc_single_image image=”79″ img_size=”full” alignment=”right” onclick=”link_image” css_animation=”none” el_class=”desktop-project-view-image” css=”.vc_custom_1523390260789{margin-left: 50px !important;}”][/vc_column_inner][vc_column_inner width=”1/3″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”75″ visibility=”visible-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column][vc_row_inner is_fullwidth_content=”false” el_class=”mobile-project-par-row”][vc_column_inner width=”1/6″ css=”.vc_custom_1520899647048{padding-top: 50px !important;padding-bottom: 50px !important;}”][/vc_column_inner][vc_column_inner width=”2/3″ css=”.vc_custom_1521924609290{padding-top: 50px !important;padding-bottom: 50px !important;}”][mk_fancy_title color=”#7d888a” size=”48″ force_font_size=”true” size_smallscreen=”38″ size_tablet=”38″ size_phone=”28″ line_height=”120″ font_weight=”bolder” font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Project Study[/mk_fancy_title][vc_empty_space height=”25px” el_class=”empty-space”][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1523392055235{margin-bottom: 0px !important;}”]Designed and published Xbox Fitness UX Style Guide for Partnerships to publish and advertise fitness material for their sponsored programs, and design exclusive landing pages for related partnerships. Created Key Art for display on Xbox One’s dashboard, and took part in pre-production UX wireframes for Microsoft Band. [/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#ffffff” border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”75″ visibility=”visible-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column css=”.vc_custom_1520899432609{border-right-width: 15px !important;border-left-width: 15px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;}”][vc_row_inner attached=”true” el_class=”mobile-project-par-row”][vc_column_inner css=”.vc_custom_1521924648407{margin-bottom: 75px !important;padding-top: 150px !important;background-color: #e0e1e5 !important;}”][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Partner[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#687173″ size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Screens[/mk_fancy_title]

[/vc_column_inner][/vc_row_inner][vc_row_inner is_fullwidth_content=”false” css=”.vc_custom_1521924674946{background-color: #ffffff !important;}” el_class=”mobile-project-par-row”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1523390597908{margin-bottom: 0px !important;}”]Design and redesign Partner cover art to fit the application’s requirements for user interaction and interactive animation as quality assurance.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#ffffff” border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”75″ visibility=”visible-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column css=”.vc_custom_1521672337218{border-right-width: 15px !important;border-left-width: 15px !important;padding-top: 0px !important;padding-bottom: 0px !important;background-color: #ffffff !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;}”][vc_row_inner][vc_column_inner][mk_fancy_title color=”#556670″ size=”34″ line_height=”150″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”8″ margin_top=”25″ margin_bottom=”25″ font_family=”Poppins” font_type=”google” animation=”fade-in” el_class=”mobile-project-title”]Dash Screens[/mk_fancy_title][vc_separator color=”custom” align=”align_left” css_animation=”fadeIn” accent_color=”#e6eef0″][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1521671595474{margin-top: 0px !important;background-color: #35383b !important;}” el_class=”mobile-project-par-row”][vc_column_inner css=”.vc_custom_1521671579048{padding-top: 150px !important;padding-bottom: 125px !important;}”][mk_fancy_title color=”#ffffff” size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Xbox One[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Workout Dash[/mk_fancy_title]

[vc_empty_space height=”25px” el_class=”empty-space”][/vc_column_inner][/vc_row_inner][vc_row_inner is_fullwidth_content=”false” css=”.vc_custom_1521924706682{background-color: #35383b !important;}” el_class=”mobile-project-par-row”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″ css=”.vc_custom_1521924715065{padding-bottom: 125px !important;}”][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1523390730860{margin-bottom: 0px !important;}”]

Create Content Details’ Key art and integrate its content of a user’s workout summary with upcoming workouts, new sponsored workouts and new programs from the same partner or brand.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#ffffff” bg_position=”center center” enable_3d=”true” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”75″ visibility=”visible-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column border_color=”#ffffff” css=”.vc_custom_1521924727698{border-right-width: 15px !important;border-left-width: 15px !important;}”][vc_row_inner][vc_column_inner][mk_fancy_title color=”#556670″ size=”34″ line_height=”150″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”8″ margin_top=”25″ margin_bottom=”25″ font_family=”Poppins” font_type=”google” animation=”fade-in” el_class=”mobile-project-title”]Video[/mk_fancy_title][vc_separator color=”custom” align=”align_left” css_animation=”fadeIn” accent_color=”#e6eef0″][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1521924752943{padding-top: 150px !important;padding-bottom: 125px !important;background-color: #e0e1e5 !important;}”][vc_column_inner el_class=”rellax” width=”2/3″]

[/vc_column_inner][vc_column_inner width=”1/3″][mk_custom_box padding_vertical=”100″ padding_horizental=”50″ margin_bottom=”0″ animation=”fade-in”][mk_fancy_title tag_name=”h3″ color=”#687173″ size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” animation=”fade-in” el_class=”mobile-project-subtitle”]Landing Dash[/mk_fancy_title][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1523389928542{margin-bottom: 0px !important;}”]Preview of landing page interaction flows.[/vc_column_text][/mk_custom_box][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1521670816917{padding-bottom: 125px !important;background-color: #e0e1e5 !important;}”][vc_column_inner width=”1/2″][vc_single_image image=”306″ img_size=”full” onclick=”link_image” css_animation=”none” css=”.vc_custom_1523389828471{margin-right: 25px !important;margin-left: 50px !important;}”][/vc_column_inner][vc_column_inner el_class=”rellax” width=”1/2″ css=”.vc_custom_1521061037434{margin-top: 100px !important;}”][vc_single_image image=”305″ img_size=”full” alignment=”right” onclick=”link_image” css_animation=”none” css=”.vc_custom_1523389835558{margin-right: 50px !important;margin-left: 25px !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#ffffff” border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”0″ margin_bottom=”75″ visibility=”visible-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column css=”.vc_custom_1521923240158{border-right-width: 15px !important;border-left-width: 15px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;}”][vc_row_inner][vc_column_inner][mk_fancy_title color=”#556670″ size=”34″ line_height=”150″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”8″ margin_top=”25″ margin_bottom=”25″ font_family=”Poppins” font_type=”google” animation=”fade-in” el_class=”mobile-project-title”]Partners[/mk_fancy_title][vc_separator color=”custom” align=”align_left” css_animation=”fadeIn” accent_color=”#e6eef0″][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1521924780518{background-color: #35383b !important;}” el_class=”mobile-project-par-row”][vc_column_inner css=”.vc_custom_1521924787493{padding-top: 150px !important;}”][mk_image src=”https://ideas2.graphics/wp-content/uploads/2018/03/gatorade_ui-3d_composition.png” image_size=”full” align=”center” margin_bottom=”25″ el_class=”gatorade-isometric-ui”][vc_single_image image=”111″ img_size=”150×150″ alignment=”center” css_animation=”fadeIn” el_id=”gatorade-logo” el_class=”logos”][mk_fancy_title color=”#ffffff” size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Partner Workouts[/mk_fancy_title][vc_empty_space height=”15px” el_class=”empty-space”][mk_fancy_title tag_name=”h3″ color=”#ffffff” size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Gatorade Sports Performance with JJ Watt[/mk_fancy_title][vc_empty_space height=”125px” el_class=”empty-space”]

[vc_empty_space height=”125px” el_class=”empty-space”][vc_single_image image=”492″ img_size=”115×77″ alignment=”center” css_animation=”none” el_class=”logos”][vc_empty_space height=”125px” el_class=”empty-space”][vc_single_image image=”142″ img_size=”full” alignment=”center” css_animation=”none” el_class=”logos”][mk_fancy_title tag_name=”h5″ color=”#ffffff” size=”24″ force_font_size=”true” size_smallscreen=”24″ size_tablet=”24″ size_phone=”18″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”none” margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]Sync Your Account with Xbox Fitness[/mk_fancy_title][vc_empty_space height=”25px” el_class=”empty-space”]

[/vc_column_inner][/vc_row_inner][vc_row_inner is_fullwidth_content=”false” css=”.vc_custom_1521924832740{background-color: #35383b !important;}” el_class=”mobile-project-par-row”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″ css=”.vc_custom_1521924841909{padding-top: 25px !important;padding-bottom: 100px !important;}”][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1523390836587{margin-bottom: 0px !important;}”]

Creating landing page experiences using strict sponsor brand guidelines exchanged with sponsors’ marketing team.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section][mk_page_section bg_color=”#ffffff” border_color=”#ffffff” bg_position=”center center” video_loop=”false” full_width=”true” js_vertical_centered=”true” padding_top=”0″ padding_bottom=”50″ visibility=”visible-dt” el_class=”mobile-project-section-overview” sidebar=”sidebar-1″][vc_column css=”.vc_custom_1521923799426{border-right-width: 15px !important;border-left-width: 15px !important;border-left-color: #ffffff !important;border-left-style: solid !important;border-right-color: #ffffff !important;border-right-style: solid !important;}”][vc_row_inner][vc_column_inner][mk_fancy_title color=”#556670″ size=”34″ line_height=”150″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”8″ margin_top=”25″ margin_bottom=”25″ font_family=”Poppins” font_type=”google” animation=”fade-in” el_class=”mobile-project-title”]Partner Assets[/mk_fancy_title][vc_separator color=”custom” align=”align_left” css_animation=”fadeIn” accent_color=”#e6eef0″][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1521925100023{background-color: #e0e1e5 !important;}” el_class=”mobile-project-par-row”][vc_column_inner css=”.vc_custom_1521924974942{padding-top: 150px !important;padding-bottom: 125px !important;}”][mk_fancy_title color=”#556670″ size=”34″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” letter_spacing=”4″ margin_bottom=”0″ font_family=”Poppins” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-title”]Styleguide[/mk_fancy_title][mk_fancy_title tag_name=”h3″ color=”#687173″ size=”24″ line_height=”120″ font_weight=”500″ font_style=”normal” txt_transform=”uppercase” margin_bottom=”0″ font_family=”Open+Sans” font_type=”google” align=”center” animation=”fade-in” el_class=”mobile-project-subtitle”]For Partnerships[/mk_fancy_title]

[vc_empty_space height=”25px” el_class=”empty-space”][/vc_column_inner][/vc_row_inner][vc_row_inner css=”.vc_custom_1521925108100{background-color: #e0e1e5 !important;}”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″ css=”.vc_custom_1521924982131{padding-bottom: 125px !important;}”][vc_column_text align=”center” el_class=”mobile-project-par” css=”.vc_custom_1523390875472{margin-bottom: 0px !important;}”]Initiated a UX Style Guide for partnerships creating and sharing content for their programs on Xbox Fitness sponsored work-out programs.[/vc_column_text][mk_button_gradient grandient_color_from=”#0ec184″ grandient_color_to=”#2fd187″ grandient_color_fallback=”#0ec184″ url=”https://ideas2.graphics/links/xbox-guide_small.pdf” target=”_blank” align=”center” button_custom_width=”275″ margin_bottom=”25″ margin_right=”0″ el_class=”main-link-btn-1″]view full styleguide[/mk_button_gradient][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/mk_page_section]