Nanawall Now

An AR mobile service to re-imagine your luxurious space
Problem

Building a glass wall system to innovate a space requires a big time investment from both the client who must articulate their specific requirements and the architect who has the responsibility of designing to suit individualized needs. This is a hurdle to customers who are merely in the initial stages of considering glass wall solutions, and a significant amount of time and resources are wasted of all parties for discontinued projects.

Solution

Nanawall Now is an intelligent AR mobile app that allows clients to visualize complete glass wall solutions in their space within minutes. The mobile service takes advantage of native mobile app capabilities to provide more value and a new way of thinking for Nanawall.

Our Approach
Research

  • Stakeholder Map
  • Value Flow Model
  • Informal Report: Stakeholders and their Goal
  • Informal Report: Domain and Company
  • Reverse Assumptions
  • Feedback from interim presentation
  • Design

  • Low-fi sketches / wireframes
  • Mid-fi screens
  • Hi-fi prototype
  • Evaluate

  • Data to be collected
  • Feedback from pitch to executives
  • My Role

    I took charge of finding information about how the company is operated and organized as well as the company's history and key technological/cultural developments or trends in their domain. While making the stakeholder maps, I contributed by identifying each stakeholders' key role in relation to the company and provided continual feedback on how we could reorganize the groupings and connections in the value flow.

    After identifying our direction, I created low-fidelity wireframes detailing the main user flow of our mobile app. During a team discussion, I recorded all the screens and features that we wanted to include which motivated our prototype on Figma. I designed the feature and summary screens and interactions and was in charge of the style consistency of our screens for the final demo. During our pitch to the executives, I introduced our stakeholder findings and presented half of the prototype demo.

    • Project Duration3.5 weeks
    • TeamEmily Ding, Yiying Ding, Marc Dubin, & Vivian He
    • Skills/ToolsStakeholder Research, Concept Mapping, Interaction Design, Figma, Content Strategy, AR Design

    Customize a glass wall solution in your space with AR

    Visualize desired features in real-time

    Explore Nanawall's award-winning features

    Tailor your design down to the details

    Talk with a Nanawall representative about your design instantaneously

    Objective

    Smartphones have placed a sensor-rich and intelligent computer in the pockets of around 3.5 billion people worldwide. My team was charged by Nanawall's executive leadership with leading the design of a new mobile app that will bring a new service orientation within the company. The mobile service will take advantage of native smartphone capabilities to address a context-specific pain point or opportunity within the company to help stakeholders better complete their jobs-to-be-done.

    Research

    Domain Research
    "Engineering the Exceptional"

    Nanawall develops ever-improving glass wall system solutions through innovation. Their business operates through direct sales without a middle man: customers can buy directly from local Nanawall showrooms, and Nanawall representatives are accessible throughout the entire sales cycle. Clients come to Nanawall wanting to integrate their building structure with the surrounding environment by opening up their structure to the outdoors while still maintaining structural integrity and weather-protection. Nanawall builds innovative, luxurious, personalized products and specialize in high end residential and commercial spaces.

    User and Stakeholder Needs

    Due to the high cost of the wall itself, Nanawall's target users usually have strong economic backgrounds and are willing to spend a significant amount of money on furnishing their luxurious estates. Users can be divided into two categories:

    Mapping out stakeholders and their values

    After several initial iterations focusing on understanding how all of the stakeholders work together, we identified stakeholder groupings, stakeholder interactions, and the value flows between the groups.

    Through our mapping sessions, we were able to identify the main sectors of Nanawall's team, as well as begin to recognize the dependency issue of the sales team on product makers since the design process takes a significant amount of time given the wide variety of client customizations offered.

    Opportunity Analysis
    Reverse Assumptions

    Currently, users cannot visualize their Nanawall solution until after installation which inhibits many potential users along with the high price tag. Architects also have a huge time investment with each potential customer, which can be exacerbated by an indecisive customer.

    Given the large time investment currently required by both clients and architects, we decided to tackle the opportunity for time savings.

    An Intelligent AR Experience

    Our team focused on an intelligent AR solution that

    1. offers fast, exceptional Nanawall solutions given customer requirements

    2. offers fast, exceptional Nanawall solutions given customer requirements

    This intelligent AR app will engage customers earlier in the process with organized product presentations, the ability to view solutions in space, and features that allow for quicker decisions.

    Design

    Lo-fi
    Brainstorming through Sketches

    Our team created low-fi wireframes individually to fully explore and express our ideas about how to create this application. We then compared and critiqued each wireframe to identify the best elements that we wanted to continue forward with.

    Choosing our Style and Colors

    To cater to the style of our high-end clients, we choose a minimalistic design that is similar to Nanawall's current style also in order to smoothly integrate the application with the business.

    Mid-fi
    Hi-fi
    Micro-interaction Design
    It's all about the details

    Progress Bar and Haptic Feedback

    Coloring and Focus

    Pre-populated Data

    Automatic Information Forwarding

    Evaluation

    Data Collection Identification

    To enhance customer experience and business decisions, our mobile app will collect the following data for more accurate recommendations to clients and strategic planning for Nanawall:

  • Browsing history (length of time on page and number of clicks)
  • Time and Location of use
  • Preferred customization combinations
  • Frequency of chatting with an agent
  • Showroom conversion rate
  • Roadmap
    Where do we go from here?

    1. Compare multiple Nanawall AR solutions and clearly show the differences between them

    2. Ability to have multiple users collaborate on a Nanawall design in real time

    3. Work with Nanawall's designers while making AR solutions

    Reflection
  • Native app design allows most access to all technologies available on the device and takes the best advantage of the device's processing power. Thus when creating a native mobile app, it is advantageous to seek solutions that maximize native technical capabilities for human needs and business goals.
  • Effective micro-interactions can completely elevate an interface design. They are the functional, interactive details of a product that can make engaging with the product easier and more pleasurable even if we don't consciously remember them.
  • More Projects