![\"\"](\"https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/wota_logo.png\"){kind=logo}
<\/a><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”||on”][et_pb_column type=”4_4″][et_pb_text admin_label=”INTRO TEXT – MOBILE” _builder_version=”3.0.101″ background_layout=”light”]<\/p>\n
My creative process follows below.\u00a0 In each section, there will be information on the process on top, and on the bottom an example of the process applied to a recent project,<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”on” disabled_on=”on|on|on”][et_pb_column type=”4_4″][et_pb_slider admin_label=”Gathering Requirements” _builder_version=”3.0.101″ show_arrows=”on” show_pagination=”off” custom_button=”off” button_icon_placement=”right” show_content_on_mobile=”on” show_cta_on_mobile=”on” show_image_video_mobile=”off” text_shadow_blur_strength=”0.3em” header_text_color=”#000000″ body_text_color=”#000000″ animation_style=”slide”][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”on” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” button_text_shadow_style=”none” box_shadow_style_button=”none” text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” arrows_custom_color=”#000000″ header_text_align=”center” heading=”GATHERING REQUIREMENTS” header_level=”h4″ body_text_align=”center” header_font_size=”17″ header_font_size_tablet=”17″ header_font_size_phone=”17″ background_image=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_slide_bg.png” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on”]<\/p>\n Talk with stakeholders and identify necessary elements for application, including timing, features, copy, legal requirements and approvals.<\/p>\n [\/et_pb_slide][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on” button_text_shadow_style=”none” box_shadow_style_button=”none” arrows_custom_color=”#000000″ dot_nav_custom_color=”#000000″ text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” header_text_align=”center” body_text_align=”center”]<\/p>\n We started the project with a kick-off meeting to discuss the needs. World of Tanks is hard to get into for new players. The game is extremely complex and detailed, and there isn\u2019t much of a tutorial, so a lot of new users drop off after the first battle or two. We needed a website with a series of tutorial videos to direct new users to order to ease them into the game. Videos needed to cover basics as well as advanced techniques so that users could grow with the site. Launch time frame was summer of 2017.<\/p>\n [\/et_pb_slide][\/et_pb_slider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”on|on|” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_direction_radial=”left” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat” use_background_color_gradient=”on” background_size_1=”initial” background_position_1=”top_right” background_repeat_1=”no-repeat” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png”][et_pb_column type=”1_2″][et_pb_text admin_label=”GATHERING REQUIREMENTS” _builder_version=”3.0.101″ background_layout=”light” custom_padding=”|||20px”]<\/p>\n Talk with stakeholders and identify necessary elements for application, including timing, features, copy, legal requirements and approvals.<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”|||60px”]<\/p>\n We started the project with a kick-off meeting to discuss the needs. World of Tanks is hard to get into for new players. The game is extremely complex and detailed, and there isn\u2019t much of a tutorial, so a lot of new users drop off after the first battle or two. We needed a website with a series of tutorial videos to direct new users to order to ease them into the game. Videos needed to cover basics as well as advanced techniques so that users could grow with the site. Launch time frame was summer of 2017.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”off|off|on” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction_radial=”left” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat” background_size_1=”initial” background_position_1=”top_right” background_repeat_1=”no-repeat” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png”][et_pb_column type=”4_4″][et_pb_text admin_label=”GATHERING REQUIREMENTS – MOBILE” _builder_version=”3.0.101″ background_layout=”light” background_color=”#dbdbdb” custom_padding=”10px|10px|10px|10px”]<\/p>\n Talk with stakeholders and identify necessary elements for application, including timing, features, copy, legal requirements and approvals.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” background_image=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_top_col_bg.png” background_size=”initial” background_position=”top_center” custom_margin=”-30px|||” custom_padding=”30px|10px|10px|10px”]<\/p>\n We started the project with a kick-off meeting to discuss the needs. World of Tanks is hard to get into for new players. The game is extremely complex and detailed, and there isn\u2019t much of a tutorial, so a lot of new users drop off after the first battle or two. We needed a website with a series of tutorial videos to direct new users to order to ease them into the game. Videos needed to cover basics as well as advanced techniques so that users could grow with the site. Launch time frame was summer of 2017.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”on” disabled_on=”on|on|on”][et_pb_column type=”4_4″][et_pb_slider admin_label=”Identify Users\/Create Personas” _builder_version=”3.0.101″ show_arrows=”on” show_pagination=”off” custom_button=”off” button_icon_placement=”right” show_content_on_mobile=”on” show_cta_on_mobile=”on” show_image_video_mobile=”off” text_shadow_blur_strength=”0.3em” header_text_color=”#000000″ body_text_color=”#000000″][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on” button_text_shadow_style=”none” box_shadow_style_button=”none” text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” arrows_custom_color=”#000000″ header_text_align=”center” heading=”IDENTIFY USERS\/CREATE PERSONAS” header_level=”h4″ body_text_align=”center” header_font_size=”17″ header_font_size_tablet=”17″ header_font_size_phone=”17″]<\/p>\n Decide who the primary, secondary, and if needed, tertiary users for the application. For larger scale initiatives, create personas to identify typical users and their behavioral patterns, needs and dislikes.<\/p>\n [\/et_pb_slide][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on” button_text_shadow_style=”none” box_shadow_style_button=”none” arrows_custom_color=”#000000″ dot_nav_custom_color=”#000000″ text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” header_text_align=”center” body_text_align=”center”]<\/p>\n We identified the primary users as newcomers to World of Tanks, secondary users has experienced users who are looking for more advanced techniques, and tertiary users as advanced users who are fans of anything World of Tanks. We utilized already established personas for the Wargaming brand to flesh out what each tier of users would get out of the site.<\/p>\n [\/et_pb_slide][\/et_pb_slider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”on|on|” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” use_background_color_gradient=”on” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat”][et_pb_column type=”1_2″][et_pb_text admin_label=”IDENTIFY USERS\/CREATE PERSONAS” _builder_version=”3.0.101″ background_layout=”light” custom_padding=”|||20px”]<\/p>\n Decide who the primary, secondary, and if needed, tertiary users for the application. For larger scale initiatives, create personas to identify typical users and their behavioral patterns, needs and dislikes.<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”|||60px”]<\/p>\n We identified the primary users as newcomers to World of Tanks, secondary users has experienced users who are looking for more advanced techniques, and tertiary users as advanced users who are fans of anything World of Tanks. We utilized already established personas for the Wargaming brand to flesh out what each tier of users would get out of the site.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”off|off|on” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat”][et_pb_column type=”4_4″][et_pb_text admin_label=”IDENTIFY USERS\/CREATE PERSONAS – MOBILE” _builder_version=”3.0.101″ background_layout=”light” background_color=”#dbdbdb” custom_padding=”10px|10px|10px|10px”]<\/p>\n Decide who the primary, secondary, and if needed, tertiary users for the application. For larger scale initiatives, create personas to identify typical users and their behavioral patterns, needs and dislikes.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”30px|10px|10px|10px” background_image=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_top_col_bg.png” background_size=”initial” background_position=”top_center” custom_margin=”-30px|||”]<\/p>\n We identified the primary users as newcomers to World of Tanks, secondary users has experienced users who are looking for more advanced techniques, and tertiary users as advanced users who are fans of anything World of Tanks. We utilized already established personas for the Wargaming brand to flesh out what each tier of users would get out of the site.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”on” disabled_on=”on|on|on” use_background_color_gradient=”on” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90px” background_color_gradient_start_position=”52.8px” background_color_gradient_end_position=”52.8px”][et_pb_column type=”4_4″][et_pb_slider admin_label=”Identify Critical and Non-Critical Tasks” _builder_version=”3.0.101″ show_arrows=”on” show_pagination=”off” custom_button=”off” button_icon_placement=”right” show_content_on_mobile=”on” show_cta_on_mobile=”on” show_image_video_mobile=”off” text_shadow_blur_strength=”0.3em” header_text_color=”#000000″ body_text_color=”#000000″ animation_style=”slide”][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on” button_text_shadow_style=”none” box_shadow_style_button=”none” text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” arrows_custom_color=”#000000″ header_text_align=”center” heading=”IDENTIFY CRITICAL AND NON-CRITICAL TASKS” header_level=”h4″ body_text_align=”center” header_font_size=”17″ header_font_size_tablet=”17″ header_font_size_phone=”17″]<\/p>\n Decide what critical tasks the application needs to accomplish for its users, and what non critical tasks or features can be a benefit to the application and its users. Develop work flows for these tasks.<\/p>\n [\/et_pb_slide][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on” button_text_shadow_style=”none” box_shadow_style_button=”none” arrows_custom_color=”#000000″ dot_nav_custom_color=”#000000″ text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” header_text_align=”center” body_text_align=”center”]<\/p>\n The primary task for the site is to watch videos and learn how to play the game. We wanted the site to offer more. We added a “Library” section that would hold information about the game not found in the videos, and a museum section that would hold historical videos about the tanks themselves, which creates alternate use cases for the site. The site also incorporates a reward system tied to in game rewards to encourage watching of all tutorial videos.<\/p>\n [\/et_pb_slide][\/et_pb_slider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”on|on|” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” use_background_color_gradient=”on” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat”][et_pb_column type=”1_2″][et_pb_text admin_label=”IDENTIFY CRITICAL AND NON-CRITICAL TASKS” _builder_version=”3.0.101″ background_layout=”light” custom_padding=”|||20px”]<\/p>\n Decide what critical tasks the application needs to accomplish for its users, and what non critical tasks or features can be a benefit to the application and its users. Develop work flows for these tasks.<\/span><\/span><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”|||60px”]<\/p>\n The primary task for the site is to watch videos and learn how to play the game. We wanted the site to offer more.\u00a0 We added a “Library” section that would hold information about the game not found in the videos, and a museum section that would hold historical videos about the tanks themselves, which creates alternate use cases for the site. The site also incorporates a reward system tied to in game rewards to encourage watching of all tutorial videos.<\/p>\n [\/et_pb_text][et_pb_image _builder_version=”3.0.101″ src=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/site_map.png” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” custom_padding=”|||60px” \/][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”off|off|on” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat”][et_pb_column type=”4_4″][et_pb_text admin_label=”IDENTIFY CRITICAL AND NON-CRITICAL TASKS – MOBILE” _builder_version=”3.0.101″ background_layout=”light” custom_padding=”10px|10px|10px|10px” background_color=”#dbdbdb”]<\/p>\n Decide what critical tasks the application needs to accomplish for its users, and what non critical tasks or features can be a benefit to the application and its users. Develop work flows for these tasks.<\/span><\/span><\/p>\n [\/et_pb_text][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”30px|10px|10px|10px” background_image=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_top_col_bg.png” background_size=”initial” background_position=”top_center” custom_margin=”-30px|||”]<\/p>\n The primary task for the site is to watch videos and learn how to play the game. We wanted the site to offer more.\u00a0 We added a “Library” section that would hold information about the game not found in the videos, and a museum section that would hold historical videos about the tanks themselves, which creates alternate use cases for the site. The site also incorporates a reward system tied to in game rewards to encourage watching of all tutorial videos.<\/p>\n [\/et_pb_text][et_pb_image _builder_version=”3.0.101″ src=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/site_map.png” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” \/][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”on” disabled_on=”on|on|on” background_image=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_bg.png” border_width_bottom=”1px”][et_pb_column type=”4_4″][et_pb_slider admin_label=”Wireframe\/Rough Mockups” _builder_version=”3.0.101″ show_arrows=”on” show_pagination=”off” custom_button=”off” button_icon_placement=”right” show_content_on_mobile=”on” show_cta_on_mobile=”on” show_image_video_mobile=”off” text_shadow_blur_strength=”0.3em” header_text_color=”#000000″ body_text_color=”#000000″][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on” button_text_shadow_style=”none” box_shadow_style_button=”none” text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” arrows_custom_color=”#000000″ header_text_align=”center” heading=”WIREFRAME\/ROUGH MOCKUPS” header_level=”h4″ body_text_align=”center” header_font_size=”17″ header_font_size_tablet=”17″ header_font_size_phone=”17″]<\/p>\n Develop wireframes in tools such as Balsamiq or Fluid. Develop rough mockups to add additional design suggestions (colors, fonts) traditionally not shown in wireframes.<\/p>\n [\/et_pb_slide][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on” button_text_shadow_style=”none” box_shadow_style_button=”none” arrows_custom_color=”#000000″ dot_nav_custom_color=”#000000″ text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” header_text_align=”center” body_text_align=”center”]<\/p>\n We already had the idea for a simple webpage with a list of videos, but the brand manager and I came up with the concept for an interactive campus map. I had previously come up with this idea for a project at Sega working with this same brand manager, so we knew it could work. I built out a set of wireframes showing the flow the users could take through the site.<\/p>\n Develop wireframes in tools such as Balsamiq or Fluid. Develop rough mockups to add additional design suggestions (colors, fonts) traditionally not shown in wireframes.<\/span><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”|||60px”]<\/p>\n We already had the idea for a simple webpage with a list of videos, but the brand manager and I came up with the concept for an interactive campus map. I had previously come up with this idea for a project at Sega working with this same brand manager, so we knew it could work. I built out a set of wireframes showing the flow the users could take through the site.<\/p>\n [\/et_pb_text][et_pb_image _builder_version=”3.0.101″ src=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/Flow-2.png” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” custom_padding=”|||60px” \/][et_pb_image _builder_version=”3.0.101″ src=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/wotacademy_screens_map_original2.png” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” custom_padding=”|||60px” \/][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”off|off|on” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat”][et_pb_column type=”4_4″][et_pb_text admin_label=”WIREFRAME\/ROUGH MOCKUPS – MOBILE” _builder_version=”3.0.101″ background_layout=”light” custom_padding=”10px|10px|10px|10px” background_color=”#dbdbdb”]<\/p>\n Develop wireframes in tools such as Balsamiq or Fluid. Develop rough mockups to add additional design suggestions (colors, fonts) traditionally not shown in wireframes.<\/span><\/p>\n [\/et_pb_text][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”30px|10px|10px|10px” background_image=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_top_col_bg.png” background_size=”initial” background_position=”top_center” custom_margin=”-30px|||”]<\/p>\n We already had the idea for a simple webpage with a list of videos, but the brand manager and I came up with the concept for an interactive campus map. I had previously come up with this idea for a project at Sega working with this same brand manager, so we knew it could work. I built out a set of wireframes showing the flow the users could take through the site.<\/p>\n [\/et_pb_text][et_pb_image _builder_version=”3.0.101″ src=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/Flow-2.png” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” \/][et_pb_image _builder_version=”3.0.101″ src=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/wotacademy_screens_map_original2.png” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” \/][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”on” disabled_on=”on|on|on”][et_pb_column type=”4_4″][et_pb_slider admin_label=”Prototype” _builder_version=”3.0.101″ show_arrows=”on” show_pagination=”off” custom_button=”off” button_icon_placement=”right” show_content_on_mobile=”on” show_cta_on_mobile=”on” show_image_video_mobile=”off” text_shadow_blur_strength=”0.3em” header_text_color=”#000000″ body_text_color=”#000000″][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” button_text_shadow_style=”none” box_shadow_style_button=”none” text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” arrows_custom_color=”#000000″ header_text_align=”center” heading=”PROTOTYPE” header_level=”h4″ body_text_align=”center” header_font_size=”17″ header_font_size_tablet=”17″ header_font_size_phone=”17″]<\/p>\n Develop functional rough prototypes in tools such as Balsamiq, Axure, Adobe XD or in working code if time allows. Prototypes should work through critical and non-critical tasks.<\/p>\n [\/et_pb_slide][et_pb_slide _builder_version=”3.0.101″ use_background_color_gradient=”off” background_color_gradient_start=”#2b87da” background_color_gradient_end=”#29c4a9″ background_color_gradient_type=”linear” background_color_gradient_direction=”180deg” background_color_gradient_direction_radial=”center” background_color_gradient_start_position=”0%” background_color_gradient_end_position=”100%” background_color_gradient_overlays_image=”off” parallax=”off” parallax_method=”on” background_size=”cover” background_position=”center” background_repeat=”no-repeat” background_blend=”normal” allow_player_pause=”off” background_video_pause_outside_viewport=”on” use_bg_overlay=”off” use_text_overlay=”off” text_border_radius=”3″ alignment=”center” child_filter_hue_rotate=”0deg” child_filter_saturate=”100%” child_filter_brightness=”100%” child_filter_contrast=”100%” child_filter_invert=”0%” child_filter_sepia=”0%” child_filter_opacity=”100%” child_filter_blur=”0px” child_mix_blend_mode=”normal” background_layout=”dark” text_shadow_style=”none” header_text_shadow_style=”none” body_text_shadow_style=”none” custom_button=”off” button_bg_use_color_gradient=”off” button_bg_color_gradient_overlays_image=”off” button_use_icon=”on” button_on_hover=”on” button_text_shadow_style=”none” box_shadow_style_button=”none” arrows_custom_color=”#000000″ dot_nav_custom_color=”#000000″ text_shadow_horizontal_length=”0em” text_shadow_vertical_length=”0em” text_shadow_blur_strength=”0em” header_text_shadow_horizontal_length=”0em” header_text_shadow_vertical_length=”0em” header_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” button_text_shadow_horizontal_length=”0em” button_text_shadow_vertical_length=”0em” button_text_shadow_blur_strength=”0em” header_text_align=”center” body_text_align=”center”]<\/p>\n With the wireframes approved, I moved into development of a prototype. For this project I was able to handle the wireframe and prototype process with the same tool, Balsamiq. Click here<\/u><\/span><\/strong> <\/a>to download an interactive PDF prototype.<\/p>\n [\/et_pb_slide][\/et_pb_slider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”on|on|” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” use_background_color_gradient=”on” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat”][et_pb_column type=”1_2″][et_pb_text admin_label=”PROTOTYPE” _builder_version=”3.0.101″ background_layout=”light” custom_padding=”|||20px”]<\/p>\n Develop functional rough prototypes in tools such as Balsamiq, Axure, Adobe XD or in working code if time allows. Prototypes should work through critical and non-critical tasks.<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”|||60px”]<\/p>\n With the wireframes approved, I moved into development of a prototype. For this project I was able to handle the wireframe and prototype process with the same tool, Balsamiq. Click here<\/u><\/span><\/strong> <\/a>to download an interactive PDF prototype.<\/p>\n [\/et_pb_text][et_pb_image _builder_version=”3.0.101″ src=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/academy_prototype_Page_01.png” show_in_lightbox=”on” url_new_window=”off” use_overlay=”off” always_center_on_mobile=”on” force_fullwidth=”off” show_bottom_space=”on” custom_padding=”|||60px” \/][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”off|off|on” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat”][et_pb_column type=”4_4″][et_pb_text admin_label=”PROTOTYPE – MOBILE” _builder_version=”3.0.101″ background_layout=”light” custom_padding=”10px|10px|10px|10px” background_color=”#dbdbdb”]<\/p>\n Develop functional rough prototypes in tools such as Balsamiq, Axure, Adobe XD or in working code if time allows. Prototypes should work through critical and non-critical tasks.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”3.0.101″ background_layout=”light” text_text_color=”#000000″ header_text_color=”#000000″ disabled=”off” disabled_on=”off||” custom_padding=”30px|10px|10px|10px” background_image=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_top_col_bg.png” background_size=”initial” background_position=”top_center” custom_margin=”-30px|||”]<\/p>\n<\/a><\/p>\nGATHERING REQUIREMENTS<\/h4>\n
GATHERING REQUIREMENTS<\/h4>\n
IDENTIFY USERS\/CREATE PERSONAS<\/h4>\n
IDENTIFY USERS\/CREATE PERSONAS<\/h4>\n
<\/a><\/p>\nIDENTIFY CRITICAL AND NON-CRITICAL TASKS<\/h4>\n
IDENTIFY CRITICAL AND NON-CRITICAL TASKS<\/h4>\n
<\/a>
\n<\/a> [\/et_pb_slide][\/et_pb_slider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.0.101″ disabled=”off” disabled_on=”on|on|” border_width_bottom=”1px” custom_css_main_element=”background-size: 100% 100%;” use_background_color_gradient=”on” background_color_gradient_start=”#dbdbdb” background_color_gradient_end=”#ffffff” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”52.8%” background_color_gradient_end_position=”52.8%” bg_img_2=”https:\/\/wondertrio.com\/mike\/wp-content\/uploads\/2018\/03\/process_section_right_col_bg.png” background_size_2=”initial” background_position_2=”top_left” background_repeat_2=”no-repeat”][et_pb_column type=”1_2″][et_pb_text admin_label=”WIREFRAME\/ROUGH MOCKUPS” _builder_version=”3.0.101″ background_layout=”light” custom_padding=”|||20px”]<\/p>\nWIREFRAME\/ROUGH MOCKUPS<\/h4>\n
WIREFRAME\/ROUGH MOCKUPS<\/h4>\n
<\/a><\/p>\nPROTOTYPE<\/h4>\n
PROTOTYPE<\/h4>\n