• Category

    UX Design / VISUAL DESIGN / Content design

  • Industry

    Entertainment / Mobile / Content ecosystem

  • Project timeline

    5 months

  • My Role

    Design Manager

PRODUCT NAME

Style Portrait Mobile App

Overview: An imaging mobile app preinstalled on Sony models to create human portraits in cutting-edge styles that were created with make-up artists and empowered by AR technology. The app established an open content ecosystem that allows external developers to add styles through public API.

Problem Space - New Value Proposition

This is an exploration and future envisioning project where we looked for market opportunities and consumer trends in the imaginary innovation area, defined a new value proposition and created a blueprint solution to introduce the value proposition to the market as a market leader.

Coming from our design research and market research, we in the Planning & Design team noticed the growing interests in imaginary innovation & picture sharing applications - both the emerging web services & social trends reveal the great market potential. The company has a well-recognized and unique position in the imaging market and what we wanted would be to leverage the company digital portfolio and created new experience to form innovation force in the area.

Project Outcome

I led the beginning-to-end discovery and design journey, from the initial research, tons of ideation phases, engaging with stakeholders, wireframing, to final visual and content ecosystem building.

The initiatives were planned holistically while the executions were through stages:

The complete design deliverables include: wireframes that outline the overall concept and the interaction for style portrait capturing and video recording in Camera, and photo editing with styles in Photo Editor, visual design and style content design, which form the architecture, appearance, and contents separately.

My contribution was providing product experience direction, design direction and overseeing the user experience value delivered through a single app design and content ecosystem design.

Outcome Outcome

Research

Consumer Trend Study

I led the team to conduct extensive research and card sorting sessions to discover the contents that people enjoy sharing on social media and analyze the main themes. Although the themes can be arbitrary and vary from people to people, culture to culture, generation to generation, we found below themes are still commonly popular across demographic groups: pets, selfies, family&friends, travel, foods and shopping.

themes
Fig.1 - Top 6 themes from trend research

Ideation

Inspired by Editorial design style, my team created conceptual sketches to showcase how the experience can be, where we want to play around different ideas:

Original concepts
Fig.2 - Original concepts
Original concepts
Fig.3 - Original concepts

Feasibility checking

After rounds of Feasibility Study by the internal and external technology team, we landed on the track to focus on:

"makeup style + color filter + deco frame"
concept
Fig.4 - Style Example: Lace-white
concept
Fig.5 - Style Example: Vampire

Key user benefit

When directing my team, the key value and user benefit in my view is not to position our app as a portrait retouch app, instead is to free people's imagination, to allow user to experience differnt styles so that they can see different possibility in themselves!

WIREFRAME

After I approved the direction, my team started working on the detail concept. The overall idea is to introduce styles both in Portrait mode and Video recording mode under Camera, and also allow users to apply styles to regular photos in Album.

On top of the use case of applying styles, we also envisioned to allow users to download and create new styles.

Following through the above use cases, the high-level wireframes were created.

#1. Style Portrait Capturing

In consideration of company image, product traits and design trends, I created two visual concepts.

IA map
Fig.6 - Launch Style Portrait in Camera mode

#2. Style Video recording

Micro Journey example
Fig.7 - Launch Style Video in Video mode

#3. Portrait Editor

Micro Journey example
Fig.8 - Apply and modify styles in Album Editor

Final Mocks

#1. Style Portrait Capturing

IA map
Fig.6 - Launch Style Portrait in Camera mode

#2. Portrait Editor

Micro Journey example
Fig.7 - Launch Style Video in Video mode

#3. Portrait Creation

Micro Journey example
Fig.8 - Apply and modify styles in Album Editor

Content Design

My team spent tremendous efforts on exploring and designing style themes since our target was the global market, however, earlier studies had indicated that each culture has different styling preference. Based on the recommendations from the designers and the product owner, I agreed with the team to create both a global set and a local set (since we will launch in APAC in the first release).

Also I advised the designers to balance out the gender, age, and scenes, so that we can meet the needs of majority user groups. Most importantly, I would like to still see the elegant design and creativity reflected in the styles.

An interesting approach we took was we experimented to work with makeup stylists when creating the styles, and they provided us great insights on the global and local styling trends.

Meanwhile, we worked with the Development team to build open API so the content creation can be supported by external designers and developers.

more contents
Fig.9 - contents created under more themes

This mobile app turns out to be a great success in the market and was positioned as the key selling point of one device model our company launched in that year.

See more work

Fleet En-route Mobile Apps

See more work

OMNI-CHANNEL WEB PLATFORM