[et_pb_section fb_built=”1″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row column_structure=”1_3,2_3″ _builder_version=”4.16″ custom_margin=”||20px||false|false” custom_padding=”7px|||||” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.27.6″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n
[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_3″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ custom_margin=”-5px||||false|false” global_colors_info=”{}”]<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”2_5,3_5″ _builder_version=”4.16″ custom_margin=”||||false|false” custom_padding=”||||false|false” global_colors_info=”{}”][et_pb_column type=”2_5″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ header_font=”|600|||||||” custom_margin=”||||false|false” global_colors_info=”{}”]<\/p>\n
<\/p>\n
The Xfinity Retailers Prepaid Portal was used by retailers to enroll new customers and take customer payments, but Comcast only provided a web-based portal. Retailers needed a mobile app.<\/p>\n
[\/et_pb_text][\/et_pb_column][et_pb_column type=”3_5″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/nishiab.com\/wp-content\/uploads\/2020\/06\/NishiaB-Xfinity-PP-Mobile-App.png” alt=” Nishia B – Xfinity logo” title_text=”NishiaB-Xfinity-PP-Mobile-App” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.16″ global_colors_info=”{}”][et_pb_fullwidth_header title=”UX STRATEGY” _builder_version=”4.16″ background_color=”#000000″ global_colors_info=”{}”][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ custom_padding=”||25px|||” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ custom_padding_last_edited=”on|desktop” _builder_version=”4.16″ background_color=”#ffffff” custom_margin=”||25px||false|false” custom_padding=”40px|40px|0|0|false|false” custom_padding_tablet=”|||40px” custom_padding_phone=”” box_shadow_style=”preset4″ box_shadow_horizontal=”-700px” box_shadow_vertical=”0px” box_shadow_color=”#ffffff” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ text_font=”Muli||||||||” text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_2_font=”Muli|700|||||||” header_2_font_size=”36px” header_2_line_height=”1.4em” header_5_font=”||||||||” header_2_font_size_tablet=”24px” header_2_font_size_phone=”18px” header_2_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}” text_font_size__hover=”14px” text_font_size__hover_enabled=”14px” text_letter_spacing__hover=”0px” text_letter_spacing__hover_enabled=”0px” text_line_height__hover=”1.7em” text_line_height__hover_enabled=”1.7em” text_text_shadow_style__hover=”none” text_text_shadow_style__hover_enabled=”none” text_text_shadow_color__hover=”rgba(0,0,0,0.4)” text_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” link_font_size__hover=”14px” link_font_size__hover_enabled=”14px” link_letter_spacing__hover=”0px” link_letter_spacing__hover_enabled=”0px” link_line_height__hover=”1em” link_line_height__hover_enabled=”1em” link_text_shadow_style__hover=”none” link_text_shadow_style__hover_enabled=”none” link_text_shadow_color__hover=”rgba(0,0,0,0.4)” link_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” ul_font_size__hover=”14px” ul_font_size__hover_enabled=”14px” ul_letter_spacing__hover=”0px” ul_letter_spacing__hover_enabled=”0px” ul_line_height__hover=”1em” ul_line_height__hover_enabled=”1em” ul_text_shadow_style__hover=”none” ul_text_shadow_style__hover_enabled=”none” ul_text_shadow_color__hover=”rgba(0,0,0,0.4)” ul_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” ol_font_size__hover=”14px” ol_font_size__hover_enabled=”14px” ol_letter_spacing__hover=”0px” ol_letter_spacing__hover_enabled=”0px” ol_line_height__hover=”1em” ol_line_height__hover_enabled=”1em” ol_text_shadow_style__hover=”none” ol_text_shadow_style__hover_enabled=”none” ol_text_shadow_color__hover=”rgba(0,0,0,0.4)” ol_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” quote_font_size__hover=”14px” quote_font_size__hover_enabled=”14px” quote_letter_spacing__hover=”0px” quote_letter_spacing__hover_enabled=”0px” quote_line_height__hover=”1em” quote_line_height__hover_enabled=”1em” quote_text_shadow_style__hover=”none” quote_text_shadow_style__hover_enabled=”none” quote_text_shadow_color__hover=”rgba(0,0,0,0.4)” quote_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” text_orientation__hover=”left” text_orientation__hover_enabled=”left” background_layout__hover=”light” background_layout__hover_enabled=”light” header_3_font_size__hover=”22px” header_3_font_size__hover_enabled=”22px” header_3_letter_spacing__hover=”0px” header_3_letter_spacing__hover_enabled=”0px” header_3_line_height__hover=”1em” header_3_line_height__hover_enabled=”1em” header_3_text_shadow_style__hover=”none” header_3_text_shadow_style__hover_enabled=”none” header_3_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_3_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_6_font_size__hover=”14px” header_6_font_size__hover_enabled=”14px” header_6_letter_spacing__hover=”0px” header_6_letter_spacing__hover_enabled=”0px” header_6_line_height__hover=”1em” header_6_line_height__hover_enabled=”1em” header_6_text_shadow_style__hover=”none” header_6_text_shadow_style__hover_enabled=”none” header_6_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_6_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)”]<\/p>\n
The\u00a0Xfinity Retailers Prepaid Portal was only offered online to Retailers via a point-of-sale device. This tied the sales associates to a specific device at the checkout counter. Retailers requested a mobile app so that sales personnel could have the flexibility to engage customers throughout their stores using mobile phones.<\/p>\n
[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16″ text_font=”Muli||||||||” text_font_size=”16px” text_line_height=”1.8em” header_font=”||||||||” header_2_font=”Muli|700|||||||” header_2_font_size=”36px” header_2_line_height=”1.4em” header_5_font=”||||||||” header_2_font_size_tablet=”24px” header_2_font_size_phone=”18px” header_2_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}” text_font_size__hover=”14px” text_font_size__hover_enabled=”14px” text_letter_spacing__hover=”0px” text_letter_spacing__hover_enabled=”0px” text_line_height__hover=”1.7em” text_line_height__hover_enabled=”1.7em” text_text_shadow_style__hover=”none” text_text_shadow_style__hover_enabled=”none” text_text_shadow_color__hover=”rgba(0,0,0,0.4)” text_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” link_font_size__hover=”14px” link_font_size__hover_enabled=”14px” link_letter_spacing__hover=”0px” link_letter_spacing__hover_enabled=”0px” link_line_height__hover=”1em” link_line_height__hover_enabled=”1em” link_text_shadow_style__hover=”none” link_text_shadow_style__hover_enabled=”none” link_text_shadow_color__hover=”rgba(0,0,0,0.4)” link_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” ul_font_size__hover=”14px” ul_font_size__hover_enabled=”14px” ul_letter_spacing__hover=”0px” ul_letter_spacing__hover_enabled=”0px” ul_line_height__hover=”1em” ul_line_height__hover_enabled=”1em” ul_text_shadow_style__hover=”none” ul_text_shadow_style__hover_enabled=”none” ul_text_shadow_color__hover=”rgba(0,0,0,0.4)” ul_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” ol_font_size__hover=”14px” ol_font_size__hover_enabled=”14px” ol_letter_spacing__hover=”0px” ol_letter_spacing__hover_enabled=”0px” ol_line_height__hover=”1em” ol_line_height__hover_enabled=”1em” ol_text_shadow_style__hover=”none” ol_text_shadow_style__hover_enabled=”none” ol_text_shadow_color__hover=”rgba(0,0,0,0.4)” ol_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” quote_font_size__hover=”14px” quote_font_size__hover_enabled=”14px” quote_letter_spacing__hover=”0px” quote_letter_spacing__hover_enabled=”0px” quote_line_height__hover=”1em” quote_line_height__hover_enabled=”1em” quote_text_shadow_style__hover=”none” quote_text_shadow_style__hover_enabled=”none” quote_text_shadow_color__hover=”rgba(0,0,0,0.4)” quote_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” text_orientation__hover=”left” text_orientation__hover_enabled=”left” background_layout__hover=”light” background_layout__hover_enabled=”light” header_3_font_size__hover=”22px” header_3_font_size__hover_enabled=”22px” header_3_letter_spacing__hover=”0px” header_3_letter_spacing__hover_enabled=”0px” header_3_line_height__hover=”1em” header_3_line_height__hover_enabled=”1em” header_3_text_shadow_style__hover=”none” header_3_text_shadow_style__hover_enabled=”none” header_3_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_3_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)” header_6_font_size__hover=”14px” header_6_font_size__hover_enabled=”14px” header_6_letter_spacing__hover=”0px” header_6_letter_spacing__hover_enabled=”0px” header_6_line_height__hover=”1em” header_6_line_height__hover_enabled=”1em” header_6_text_shadow_style__hover=”none” header_6_text_shadow_style__hover_enabled=”none” header_6_text_shadow_color__hover=”rgba(0,0,0,0.4)” header_6_text_shadow_color__hover_enabled=”rgba(0,0,0,0.4)”]<\/p>\n
1. Create a mobile-friendly application retailers can use on their mobile devices. This enables retailers to quickly assist customers with registration and payments from anywhere within the store.
2. Combine the retailer\u2019s app with the customer app to manage their pre-paid subscription.<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ global_colors_info=”{}”]<\/p>\n
How luck am I to get to work in sketch apps? These images show the “before” wireframes and low-fidelity mockups from the Xfinity Prepaid Portal.<\/p>\n
My role was to translate the Xfinity Retailers Prepaid Portal into mobile wireframes and mockups for the front-end developers\u00a0to build out the design, then worked closely with the team to address any questions and approve design\u00a0iterations.<\/p>\n
[\/et_pb_text][et_pb_gallery gallery_ids=”26492,26493,26494,26495,26496,26497,26498,26499,26500,26501″ posts_number=”3″ show_title_and_caption=”off” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n
Here’s a peek into some of my meeting notes. The notes contain question I asked during investigation. They also show some of my process during the project.<\/p>\n
[\/et_pb_text][et_pb_gallery gallery_ids=”26584,26570,26565,26566,26572,26571,26564,26569,26573,26567,26568″ posts_number=”3″ show_title_and_caption=”off” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
Project: Comcast Mobile AppTurn Xfinity Prepaid Services Retailers Portal into a mobile application.Comcast UX Strategy The Xfinity Retailers Prepaid Portal was used by retailers to enroll new customers and take customer payments, but Comcast only provided a web-based portal. Retailers needed a mobile app.Problem The\u00a0Xfinity Retailers Prepaid Portal was only offered online to Retailers […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-26486","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nishiab.com\/index.php\/wp-json\/wp\/v2\/pages\/26486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nishiab.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nishiab.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nishiab.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nishiab.com\/index.php\/wp-json\/wp\/v2\/comments?post=26486"}],"version-history":[{"count":19,"href":"https:\/\/nishiab.com\/index.php\/wp-json\/wp\/v2\/pages\/26486\/revisions"}],"predecessor-version":[{"id":26874,"href":"https:\/\/nishiab.com\/index.php\/wp-json\/wp\/v2\/pages\/26486\/revisions\/26874"}],"wp:attachment":[{"href":"https:\/\/nishiab.com\/index.php\/wp-json\/wp\/v2\/media?parent=26486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}