ONEPLUS商城 APP设计

[vc_row full_width=“stretch_row” css=“.vc_custom_1754011009821{background: #000000 url(https://co-ux-colin2020.oss-cn-shenzhen.aliyuncs.com/daily-img/ONEPLUS-storeapp-001.webp?id=231975) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” side_background_title_typo=“null” el_class=“clb__dark_section” title_typo=“null”][vc_column][vc_empty_space height=“30vh”][ohio_heading module_type_layout=“on_middle” heading_type=“h2” subtitle_type_layout=“without_subtitle” title=“T05FUExVUyUyMFNUT1JFJTIwQVBQJUU4JUFFJUJFJUU4JUFFJUEx” heading_tag=“h2” header_typography=“%7B%22font_size%22%3A%223.5vw%22%2C%22font_size_mobile%22%3A%222.5rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D” heading_color=“#ffffff” title_typo=“{font_size:3.5vw,font_size_tablet:,``font_size_mobile``:``2.5rem``,``line_height``:,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:,``color``:``#ffffff``,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"][vc_empty_space height="30vh"][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1649058905399{background-color: #110F14 !important;}" side_background_title_typo="null" el_class="clb__dark_section"][vc_column][vc_empty_space height="11vh"][vc_row_inner][vc_column_inner width="1/2"][ohio_text text_typo="{``font_size``:,font_size_tablet:,``font_size_mobile``:,line_height:1.6em,line_height_tablet:,``line_height_mobile``:,letter_spacing:,``letter_spacing_tablet``:,letter_spacing_mobile:````,color:rgba(255,255,255,0.85),weight:inherit,style:inherit,use_custom_font:false}” content_styles=“.vc_custom_1754881302488{padding-right: 11vh !important;}“]作为海外市场为主的品牌，ONEPLUS海外一直是以品牌独立站作为核心的销售渠道。从未推出过自己的官网电商APP。基于以下考虑，我们开始快速搭建APP，并在3个月内完成上线，获得了Google Play 4.58的高分好评。

转化率一直在1%左右，而通过社区APP中嵌入的商城，转化率在3%；
作为手机厂家，没有预置自己的APP，后续可以预装扩展用户触达；
新兴市场，如印度区域，APP比访问网页更符合用户习惯；

[/ohio_text][/vc_column_inner][vc_column_inner width="1/2"][vc_raw_html css=""]JTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby13cmFwcGVyJTIyJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXgtd2lkdGglM0ElMjAxOTIwcHglM0IlMjBtYXJnaW4lM0ElMjAwJTIwYXV0byUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAyNXB4JTNCJTIyJTNFJTBBJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJ2aWRlby1jb250YWluZXIlMjIlMjBzdHlsZSUzRCUyMndpZHRoJTNBJTIwMTAwJTI1JTNCJTIwYmFja2dyb3VuZCUzQSUyMCUyMzAwMCUzQiUyMGJvcmRlci1yYWRpdXMlM0ElMjAxNXB4JTNCJTIwb3ZlcmZsb3clM0ElMjBoaWRkZW4lM0IlMjBwb3NpdGlvbiUzQSUyMHJlbGF0aXZlJTNCJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDdmlkZW8lMjAlMEElMjAlMjAlMjAlMjAlMjAlMjBwbGF5c2lubGluZSUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMG11dGVkJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwbG9vcCUyMCUwQSUyMCUyMCUyMCUyMCUyMCUyMGF1dG9wbGF5JTBBJTIwJTIwJTIwJTIwJTIwJTIwc3R5bGUlM0QlMjJ3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMGF1dG8lM0IlMjBkaXNwbGF5JTNBJTIwYmxvY2slM0IlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0Nzb3VyY2UlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRmNvLXV4LWNvbGluMjAyMC5vc3MtY24tc2hlbnpoZW4uYWxpeXVuY3MuY29tJTJGd29yay1nYWxsZXJ5JTJGb25lcGx1czIwMjEubXA0JTIyJTIwdHlwZSUzRCUyMnZpZGVvJTJGbXA0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGdmlkZW8lM0UlMEElMjAlMjAlM0MlMkZkaXYlM0UlMEElM0MlMkZkaXYlM0UlMEE=[/vc_raw_html][/vc_column_inner][/vc_row_inner][vc_empty_space height="11vh"][vc_separator color="custom" css=".vc_custom_1649057227890{margin-top: 0px !important;margin-bottom: 40px !important;}" accent_color="rgba(96,96,107,0.65)"][/vc_column][/vc_row][vc_row][vc_column css=".vc_custom_1754003879835{padding-right: 11vh !important;}"][vc_column_text]

[/vc_column_text][ohio_text text_typo=“{font_size:,``font_size_tablet``:,font_size_mobile:,``line_height``:``1.6em``,``line_height_tablet``:,line_height_mobile:,``letter_spacing``:,letter_spacing_tablet:,``letter_spacing_mobile``:,color:rgba(255,255,255,0.85),weight:inherit,style:inherit,use_custom_font:false}“]首先我们需要确定官网的定位和基础的设计原则。且后续所有的用户体验和UI设计都不能违背。[/ohio_text][vc_empty_space height=“4vh”][ohio_text text_typo=“{font_size:,``font_size_tablet``:,font_size_mobile:,``line_height``:``1.6em``,``line_height_tablet``:,line_height_mobile:,``letter_spacing``:,letter_spacing_tablet:,``letter_spacing_mobile``:,color:rgba(255,255,255,0.85),weight:inherit,style:inherit,use_custom_font:false}”]

Tips: 以下内容为figma嵌入，请等待加载，然后鼠标移入可滚动查看。

其次我们需要明确的知道一些用户行为和类别；

这将决定我们采取什么样的设计策略，如是信息密度，风格取向等等；

ONEPLUS在海外是“挑战者”的形象出现的，打破了高性能手机只有Apple和三星的局面，由此视觉设计上必须要有打破常规的部分。

[/ohio_text][vc_empty_space height="4vh"][ohio_text text_typo="{``font_size``:````,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:``1.6em``,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:``rgba(255,255,255,0.85)``,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"]

Tips: 以下内容为figma嵌入，请等待加载，然后鼠标移入可滚动查看。

[/ohio_text][vc_row_inner css=".vc_custom_1640000000001{background-color: #ffffff !important;border-radius: 20px !important;box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;}"][vc_column_inner width="1/2" css=".vc_custom_1640000000002{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}"][vc_raw_html css=""]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMDc4MHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDE1cHglM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjQ1MCUyMiUyMCUzQ2lmcmFtZSUyMHN0eWxlJTNEJTIyYm9yZGVyJTNBJTIwMXB4JTIwc29saWQlMjByZ2JhJTI4MCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xJTI5JTNCJTIyJTIwd2lkdGglM0QlMjI4MDAlMjIlMjBoZWlnaHQlM0QlMjI0NTAlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRmVtYmVkLmZpZ21hLmNvbSUyRnByb3RvJTJGQ0ZQSk92aWNJU3BJdE9YZk0wbkpmZSUyRk9ORVBMVVMtJTI1RTUlMjVCNSUyNThDJTI1RTUlMjU4NSUyNUE1JTNGcGFnZS1pZCUzRDAlMjUzQTElMjZub2RlLWlkJTNENjItNiUyNnZpZXdwb3J0JTNENTUlMjUyQzk0MiUyNTJDMC4xJTI2c2NhbGluZyUzRG1pbi16b29tJTI2Y29udGVudC1zY2FsaW5nJTNEZml4ZWQlMjZzdGFydGluZy1wb2ludC1ub2RlLWlkJTNEODYlMjUzQTM5MTclMjZlbWJlZC1ob3N0JTNEc2hhcmUlMjIlMjBhbGxvd2Z1bGxzY3JlZW4lM0UlM0MlMkZpZnJhbWUlM0U=[/vc_raw_html][/vc_column_inner][vc_column_inner width="1/2"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1649058905399{background-color: #110F14 !important;}" side_background_title_typo="null" el_class="clb__dark_section"][vc_column][vc_empty_space height="11vh" el_class="clb__section_spacer"][vc_separator color="custom" css=".vc_custom_1649057227890{margin-top: 0px !important;margin-bottom: 40px !important;}" accent_color="rgba(96,96,107,0.65)"][ohio_heading module_type_layout="on_left" heading_type="h6" subtitle_type_layout="without_subtitle" title="JUUyJUFDJUE0JTIwJTIwRGVzaWduJTIwUHJvY2Vzcw==" heading_tag="h4" header_typography="%7B%22weight%22:%22inherit%22,%22style%22:%22inherit%22,%22use_custom_font%22:false%7D" title_typo="{``font_size``:``0.85em``,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:``0px``,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``400``,``style``:``uppercase``,``use_custom_font``:false}"][ohio_heading module_type_layout="on_left" heading_type="h2" subtitle_type_layout="without_subtitle" title="JUU4JUFFJUJFJUU4JUFFJUExJUU4JUJGJTg3JUU3JUE4JThCJTNDYnIlMjBjbGFzcyUzRCUyMnZjX2hpZGRlbi14cyUyMHZjX2hpZGRlbi1zbSUyMiUzRSUwQQ==" heading_tag="h2" header_typography="%7B%22font_size%22%3A%222.5rem%22%2C%22font_size_mobile%22%3A%221.8rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D" title_typo="{``font_size``:``3.65vw``,``font_size_tablet``:````,``font_size_mobile``:``1.8rem``,``line_height``:````,``line_height_tablet``:``1.2em``,``line_height_mobile``:``1.2em``,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:``rgba(255,255,255,0.9)``,``weight``:``inherit``,``style``:``inherit``,``transform``:``inherit``,``decoration``:``inherit``,``use_custom_font``:false}"][vc_empty_space height="4vh"][ohio_text text_typo="null" content_styles=".vc_custom_1754004256706{padding-bottom: 3vh !important;}"]

MoodBoard 情绪版

[/ohio_text][vc_single_image image="231970" img_size="full" add_caption="yes" css=".vc_custom_1754004196770{padding-bottom: 6vh !important;}"][ohio_text text_typo="null" content_styles=".vc_custom_1754007730158{padding-bottom: 3vh !important;}"]

设计草稿

[/ohio_text][vc_single_image image="231969" img_size="full" css=".vc_custom_1754009048765{padding-bottom: 6vh !important;}"][ohio_text text_typo="null" content_styles=".vc_custom_1754007744748{padding-bottom: 3vh !important;}"]

交互设计

[/ohio_text][vc_single_image image="231968" img_size="full" css=".vc_custom_1754009033958{padding-bottom: 6vh !important;}"][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1649058905399{background-color: #110F14 !important;}" side_background_title_typo="null" el_class="clb__dark_section"][vc_column][vc_empty_space height="11vh" el_class="clb__section_spacer"][vc_separator color="custom" css=".vc_custom_1649057227890{margin-top: 0px !important;margin-bottom: 40px !important;}" accent_color="rgba(96,96,107,0.65)"][ohio_heading module_type_layout="on_left" heading_type="h6" subtitle_type_layout="without_subtitle" title="JUUyJUFDJUE0JTIwJTIwTW9yZSUyMEludGVyYWN0aW9uJTIwRGVzaWdu" heading_tag="h4" header_typography="%7B%22weight%22:%22inherit%22,%22style%22:%22inherit%22,%22use_custom_font%22:false%7D" title_typo="{``font_size``:``0.85em``,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:``0px``,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``400``,``style``:``uppercase``,``use_custom_font``:false}"][ohio_heading module_type_layout="on_left" heading_type="h2" subtitle_type_layout="without_subtitle" title="JUU2JTlCJUI0JUU1JUE0JTlBJUU0JUJBJUE0JUU0JUJBJTkyJUU4JUFFJUJFJUU4JUFFJUExJTNDYnIlMjBjbGFzcyUzRCUyMnZjX2hpZGRlbi14cyUyMHZjX2hpZGRlbi1zbSUyMiUzRSUwQQ==" heading_tag="h2" header_typography="%7B%22font_size%22%3A%222.5rem%22%2C%22font_size_mobile%22%3A%221.8rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D" title_typo="{``font_size``:``3.65vw``,``font_size_tablet``:````,``font_size_mobile``:``1.8rem``,``line_height``:````,``line_height_tablet``:``1.2em``,``line_height_mobile``:``1.2em``,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:``rgba(255,255,255,0.9)``,``weight``:``inherit``,``style``:``inherit``,``transform``:``inherit``,``decoration``:``inherit``,``use_custom_font``:false}"][ohio_text text_typo="{``font_size``:````,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:``1.6em``,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:``rgba(255,255,255,0.85)``,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"]

Tips: 以下内容为figma嵌入，请等待加载，然后鼠标移入可滚动查看。

[/ohio_text][vc_empty_space height="4vh"][vc_row_inner css=".vc_custom_1640000000001{background-color: #ffffff !important;border-radius: 20px !important;box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;}"][vc_column_inner width="2/3" css=".vc_custom_1640000000002{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}"][vc_raw_html css=""]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMDc4MHB4JTNCJTIwYm9yZGVyLXJhZGl1cyUzQSUyMDE1cHglM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjQ1MCUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGZW1iZWQuZmlnbWEuY29tJTJGcHJvdG8lMkZDRlBKT3ZpY0lTcEl0T1hmTTBuSmZlJTJGT05FUExVUy0lMjVFNSUyNUI1JTI1OEMlMjVFNSUyNTg1JTI1QTUlM0ZwYWdlLWlkJTNEMCUyNTNBMSUyNm5vZGUtaWQlM0Q3MDItMTY3NCUyNnZpZXdwb3J0JTNELTMyMiUyNTJDOTc5JTI1MkMwLjExJTI2c2NhbGluZyUzRG1pbi16b29tJTI2Y29udGVudC1zY2FsaW5nJTNEZml4ZWQlMjZzdGFydGluZy1wb2ludC1ub2RlLWlkJTNEODYlMjUzQTM5MTclMjZlbWJlZC1ob3N0JTNEc2hhcmUlMjIlMjBhbGxvd2Z1bGxzY3JlZW4lM0UlM0MlMkZpZnJhbWUlM0U=[/vc_raw_html][/vc_column_inner][vc_column_inner width="1/3"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row side_background_title_typo="null" el_id="ui"][vc_column][vc_empty_space height="11vh" el_class="clb__section_spacer"][vc_separator color="custom" css=".vc_custom_1649057227890{margin-top: 0px !important;margin-bottom: 40px !important;}" accent_color="rgba(96,96,107,0.65)"][vc_row_inner][vc_column_inner width="1/3"][ohio_heading module_type_layout="on_left" heading_type="h2" subtitle_type_layout="without_subtitle" title="VUklRTglQUUlQkUlRTglQUUlQTElRTQlQjglOEUlRTclQkIlODQlRTQlQkIlQjYlM0NiciUyMGNsYXNzJTNEJTIydmNfaGlkZGVuLXhzJTIwdmNfaGlkZGVuLXNtJTIyJTNFJTBB" heading_tag="h2" header_typography="%7B%22font_size%22%3A%223.65vw%22%2C%22font_size_mobile%22%3A%222.25rem%22%2C%22weight%22%3A%22inherit%22%2C%22style%22%3A%22inherit%22%2C%22use_custom_font%22%3Afalse%7D" title_typo="{``font_size``:``3.65vw``,``font_size_tablet``:````,``font_size_mobile``:``2.25rem``,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:````,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``inherit``,``style``:``inherit``,``use_custom_font``:false}"][vc_empty_space height="10px"][/vc_column_inner][vc_column_inner width="2/3"][ohio_heading module_type_layout="on_right" heading_type="h6" subtitle_type_layout="without_subtitle" title="JUUyJUFDJUE0JTIwVUklMjBEZXNpZ24lMjBhbmQlMjBDb21wb25lbnRz" heading_tag="h4" header_typography="%7B%22weight%22:%22inherit%22,%22style%22:%22inherit%22,%22use_custom_font%22:false%7D" title_typo="{``font_size``:``0.85em``,``font_size_tablet``:````,``font_size_mobile``:````,``line_height``:````,``line_height_tablet``:````,``line_height_mobile``:````,``letter_spacing``:``0px``,``letter_spacing_tablet``:````,``letter_spacing_mobile``:````,``color``:````,``weight``:``400``,``style``:``uppercase``,``use_custom_font``:false}"][/vc_column_inner][/vc_row_inner][vc_empty_space height="6vh" el_class="clb__section_spacer"][ohio_gallery gallery_grid="default" alignment="left" show_title="0" tilt_effect="0" card_effect="scale" masonry_grid="0" gap="24" columns="6-4-1" gallery_title_typo="null" gallery_caption_typo="null" content_images="231857,231858,231856,231855,231854,231853,231852,231851,231850,231849,231848,231847,231846,231867,231868,231866,231865,231864,231863,231862,231861,231860,231859" content_styles=".vc_custom_1753903206193{padding-bottom: 3vh !important;}"][ohio_gallery gallery_grid="default" alignment="left" show_title="0" masonry_grid="0" gap="24" columns="1-1-1" gallery_title_typo="null" gallery_caption_typo="null" content_images="231977,231976" content_styles=".vc_custom_1754015015969{padding-bottom: 3vh !important;}"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]