Cover for OnView

ON VIEW

UI/UX DESIGN | DESIGN RESEARCH

TOOLS

TECHNIQUES

ROLES

PROJECT TYPE

PAGEBREAK

PROJECT BRIEF

Art carries diverse meanings for individuals, encompassing expressions of creativity, livelihoods for artists, opportunities for skill refinement, and even avenues for trade and commerce. Understanding that art became a luxury during the pandemic, how can design interventions enable enthusiasts and practitioners to continue their journey in the world of art given the constraints?

PAGEBREAK

CONTEXT

PAGEBREAK

RESEARCH

UNDERSTANDING THE USER

Defining the potential users for a platform which aims at redefining art consumption in a post-pandemic world by offering a dynamic space for exploring, buying, and experiencing art, both online and offline depends on all the stake holders involved in this art industry.

Needs to be updated

PAGEBREAK

DEVELOPING PERSONAS

Needs to be updated

PAGEBREAK

GOALS AND FRUSTRATIONS

Snow

Persona 1

Forest

Persona 2

PAGEBREAK

TASK MAPPING

Needs to be updated

Persona 1

PAGEBREAK

Needs to be updated

Persona 2

PAGEBREAK

COMPETITIVE AUDIT ANALYSIS

Needs to be updated

PAGEBREAK

PROCESS

DEFINING KEY FEATURES

The key features were derived by Drawing from the competitive audit analysis combined with the task analysis and personas. These include:

  • Showcasing Artworks:

    of seasoned and emerging artists

  • Browsing or exploring Artists' Works:

    Users can explore the artworks by categories

  • Purchasing and selling of art directly through the application:

    this feature can help new traders to make purchases without the need of intermediaries.

  • Online Art Auctions:

    On View will provide a platform for art auctions conducted online, making it easier for people to buy and sell art. This feature could also support an in person auction with real time data from it an enable users online to place bids.

  • Market Trend Analysis:

    Users will have access to information about market trends, enabling them to make informed decisions when buying or selling art.

  • Predictive suggestions:

    based on past searches algorithm

  • Gallery Walkthroughs:

    On View will allow users to virtually visit art galleries and exhibitions, enhancing the art consumption experience.

  • Augmented Reality:

    Users can experience art through augmented reality, which could provide a more immersive and interactive way to engage with artworks

PAGEBREAK

SKETCHES OF INTERFACE

Needs to be updated

PAGEBREAK

LOW FIDELITY WIREFRAMES

Needs to be updated

PAGEBREAK

USABILITY TEST

Needs to be updated

PAGEBREAK

INSIGHTS FROM USABILITY TEST

Needs to be updated

PAGEBREAK

AFFINITY DIAGRAM FROM INSIGHTS

Needs to be updated

PAGEBREAK

USER INTERFACE DESIGN

I redesigned the screens in order work out some of the usability issues that came up during the interviews. The next step for the process included thinking about the Visual design and branding elements.

These included:

1. Logo Design

Needs to be updated

The primary inspiration for the logo was to encapsulate the practice of On View in a frame in a simple yet sophisticated manner.

PAGEBREAK

2. Deriving a color palette

Snow

Colour Palette

Forest

Logo 1: Inspired by the idea of looking through a frame with a gradient treatment

Mountains

Logo 2: Simplified and minimalistic version of the previous logo

The chosen color palette was derived to represent a romanticized yet formal tone which captures the attitudes towards a platform which enables people to indulge in their artistic endeavors, appreciation and trade.

PAGEBREAK

3. Defining the look and feel of the application through a design system

Needs to be updated

PAGEBREAK

HIGH FIDELITY WIREFRAMES

PAGEBREAK

Needs to be updated

PAGEBREAK

FINAL OUTCOME

FIGMA PROTOTYPE

PAGEBREAK

Next Project: Brink

Designed and coded by Kosha

TOOLS TECHNIQUES ROLES PROJECT TYPE
• Figma • Competitive Audit • Design Researcher Self-led project based on
• Adobe Illustrator • User Journey Maps • User Interaction Designer UX Framework provided
• Microsoft Exce • Wireframes • Visual Designer by Google Coursework
• Usability Testing • User Interface Designer
• Affinity Mapping