DISP/AY

Program

Role

Front-End Designer

Clients

Office Work 

with Novaconcepts

NYC , United States

Deliverables

User Flow

Wireframe

Final Product

iPhone X Mockup update.jpg

Scroll Down to Explore!

2020 changes the world forever and we all need to adapt to this new normal. The world becomes less physical and more virtual due to social distancing and new health policies. This has great impact on physical business such as art gallery and museum. Let's the virtual experience be the answer for this new normal world. Introducing, "DisP/ay", a 360 art previsualization platform that allows artworks to be viewed virtually in this less physical world.

"Less
Physical,
More Virtual"

Design

Process

Frame 6.png

Problem
Statement

“I have hardtime presenting my art curation to client visually, took me 2 weeks plus to prepare my curation presentation“
- Linda S., Private Art Curator -
Group 35.png
display-color2.jpg

Challenge

Create and design a desktop program and a mobile application that helps organize and visualize artwork placements in actual space. 

Solutions

Dis/Play is a program and a mobile application that allows users to visualize chosen art pieces in the desired space. This helps the user confirm the art placements and the aesthetics inside the property without using any physical paper.

display-color2.jpg

Process
Flow

Current State Process Flow

After interviewing and observing user's current work state, the current state process flow was created so that the team can pinpoint areas of improvements and key features that must be included in the application.

Group 12 (1).png
New Process Flow

Before creating the application, we planned out the new process flow which aims to reduce her work redundancy, create an easy to use platform, and allow her to view her art placements digitally.

Group 13 (1).png

Wireframes

Scroll Down to Explore!

Frame 5.png
Frame 2 (3).png

he Low Fidelity Wireframes presented below shows the main flow of the program from its 360 platform view to the art assignment page. 

Brand

Guideline

Typefaces

Aa

Cadiz

Regular

Primary Colors

display-color.jpg

gradient tone

of #f2c63f + #fbaa7f

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9 # @ ! '

Secondary Colors

sandybrown

#f2c63f

lightsalmon

#fbaa7f

white

#ffffff

cadetblue

#3e948b

darkolivegreen

#524236

black

#000000

Platform
Development

display product1.png

program is fully compatible on computer and smartphone

UNDER NDA - Final Product Design Version 1 & 2

**Due to limited funds, the UI was not fully developed. The team prioritized its usability over aesthetics as the main goal was for the client to be able to visualize the the art placement digitally.

Want to know more about the outcome?
Reach out and I would love to talk.

Mobile
Development

The aim was to enable the client to easily curate art from anywhere. This also allows her to make changes to her curation when she does not have access to her laptop. It enables her to communicate her vision to the team easily and see real time updates.

Low Fidelity Wireframe Version 1 for IOS
iPhone XS.png
FLOW.png
High Fidelity Wireframe Version 1 for IOS
FLOW (1).png

So, what is the
final product?

DisP/ay is still under development.

Want to know more about DisP/ay Project?

Reach out and I would love to talk.