top of page

DATE

April - July 2022

Pladdra_mockup_without name.png

Pladdra -
Augmented Sandbox

Design the playground together

DATE

Sept 2022 - Present

TEAM

Project lead
UX designer
UX/UI designer (Me)
AR developer-Consultant

RESPONSIBILITY

User flow
Prototyping
UI design 

TOOLS

Figma
Miro
ClickUp
Agile methodology

Introduction

INTRODUCTION

Pladdra - Augmented Sandbox is an ongoing project that leverages augmented reality (AR) technology to collaborate with schools and further develop our city. This is the second version of the AR development project.

 

With Pladdra, we aim to empower the next generation of city-builders by providing them with innovative tools to help shape the future of our urban spaces.

Project Goal

PROJECT GOAL

In an effort to improve maintenance and enhance user experience, our team recognized the need to involve real users in the redesign process for some of the playgrounds in Helsingborg. By co-designing with the community, we aim to empower citizens to contribute to the shaping of their city and inspire creativity and engagement in the process.

 

Our project, Pladdra - Augmented Sandbox, utilizes AR technology to facilitate the design of dream playgrounds, and we are excited to apply this innovative approach to the playgrounds in Helsingborg.

Working process

WORKING PROCESS

Redesign the UI interface
NOV 2022-

DEC 2023

Following the prototyping phase, I started the process of redesigning the app's user interface.

 

This is the old version of Pladdra.

Pladdra-old version-1.png
Pladdra-old version-2.png
Pladdra-old version-3.png

The previous version of Pladdra

Re-prototyping 
OCT - NOV 
2022

As the person in charge of prototyping and UI design for the project, one of my responsibility is to redesign and elevate the user experience of Pladdra, building upon the previous version of the app.

Here are some major design suggestions I have made for the new design:
1) Have switched to a horizontal view rather than a vertical one. This alteration allows for more efficient use of space when scanning the location. 

2) A zoom-in and out function based on user feedback.

3) Improved the clarity of shadows to better indicate the object's location.

4) An undo and redo function, which allows for greater flexibility and ease of use for the app's users.

...

IMG_0178.heic

Sketch of the new version of Pladdra.

User story mapping
SEPT 2022

Based on the experience learned from our previous project Helsingborgsrummet, we have refined and customized the user flow and developed a detailed user story mapping.

And I have added a few more functions to the user experience, such as zoom in/out, selecting to edit the object, etc.

Arguemented sandbox - User flow.png

The user story mapping for Pladdra.

Conducting research
SEPT 2022

I was tasked to organise the user flow of the Pladdra, therefore I conducted some research about user needs and market research

I have downloaded a few AR apps to study their user flows, such as IKEA Place.

IMG_0175.PNG
IMG_0176.PNG

I have analyzed the user flow of several AR apps.

Join the project
SEPT 2022

I have joined the team as a UX/UI designer which mainly focuses on user flow, prototyping and UI design.

Result
Pladdra_mockup2.png
Pladdra_page1.png

START DESIGNING YOUR OWN PLAYGROUND

The background of the app is a camera. Users can simply start the app by clicking 'start building'.

Pladdra_page2.png

ZOOM IN AND OUT FUNCTION

Users can zoom in and out of the playground and objects with two fingertips.

Pladdra_page3.png

CLARITY OF THE SHADOW
Improving the shadow's clarity can more accurately indicate the object's location.

Pladdra_page4.png

SELECTING OBJECT

Long-pressing the object allows the user to select and modify its size and position.

Pladdra_page5.png

OBJECT SELECTING MENU
The app allows users to choose various objects to create their desired playground.

Pladdra_page6.png

VIEW THE OBJECT DETAILS
Before adding objects to their playground, users can view the object details.

Pladdra_mockup3.png

Want to know more? Contact me!

  • LinkedIn

COPYRIGHT @ STELLA WONG 2023

bottom of page