DISP/AY
Program
Role
Front-End Designer
Clients
Office Work
with Novaconcepts
NYC , United States
Deliverables
User Flow
Wireframe
Final Product
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
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 -
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.
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.
.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.
.png)
Wireframes
Scroll Down to Explore!
.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
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
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
High Fidelity Wireframe Version 1 for IOS
.png)