UI/UX/Service Design
This is a portfolio featuring my interaction design projects which range from human interaction and service design to mobile application design.
Colour Picker
Collaborative project to design and develop a product with a working sensor for data input, alongside a prototype app that utilizes the collected data.
Lavender
Created an app design and fully-working prototype of a meditation app.
Airsticks
UI software design for a new innovative MIDI device; Airsticks,
Monash Events
Student Event App to create a more inclusive and intriguing experience for student evets.
Co-Design your p(a)lace
Sustainably regenerate areas for specific peoples in 3 locations in Europe.
Colour
Picker
About the Project
This was a project developed with one other team member for our course at Monash University. This project focused on connecting an externap input into an application.
My Role
UI/UX Design
Interaction Design
User research
Creative Coding
Intro
How can we impove the design proccess of graphic designers in order to get accurate colours quickly, easily and on-the-go from the real environment around them?
We started out by mapping the userflow of the app and deciding on the main features of the app which were the colour picker connection and use. This would aid us in developing and showcasing the app's functionality easily and clearly.
Describe your image
Simultaneously, we worked on the design of the prototype colour picker. We came up with the design as a team and my group member prototyped it and 3D printed it. I took the product photos. We wanted this project to feel as real as possible, taking marketing- style photos to advertising our product.
Visual research to support our direction of design within the app UI. From this, we created a styletile which allows for a unified design and helps future designers with keeping the company theme. For this design, we decided to capture a colourful and vibrant world of wonders in a clean and minimal design and Neomorphic style of UI.
We created several iterations of the wireframe of the app to create an effective prototype. Using low-fidelity to mid fidelity screens in order to visualise our pages for high-fidelity frames.
From our screens and low-fidelity prototyping we created our high-fidelity UI Design. Mainly focusing on the user interactions and the interactions between the app and the 'product', therefore we included extended onboarding and connecting screens to simulate the "hardest" part of using the app.
This is a working prototype of our colour picker and the app itself.
In this project, I coded the colour picker prototype in Arduino with a Spectrometer. I connected the prototype prouct with the ptototype application through Protopie connect and I created the working prototype of the app to work with the product.
I loved working on this project as it taught me how I can combine design and interaction through physical objects and coding. It has been really challenging as I am not a computer scientist but I feel more confident in interaction design process and working on more technical projects.
Lavender
About the Project
This was a project developed individually that in informed and derived heavily from qualitative user research.
My Role
UI/UX Designer
Researcher
Interaction Designer
Intro
Develop a way to utilise your phone to spend more quality time by yourself or other people.
Persona
From the initial prompts I sent out to my target audience, I found out that a lot of people struggle to relax and build bonds with others, especially if their life is less stable with living, working, studying dynamic. From this, I created a persona that helps me to understand what specific needs and problems am I trying to solve.
Storyboard
Elena has missed a class this week as she had to go into work. Her boyfriendand her had an argument as, when they saw eachother, she was not relaxedand being upset about university and work whilst taking it out on him. On top of everything, she is super stressed about upcoming deadlines and upsetabout having a fight with her boyfriend. She decides to spend time with her boyfriend and try having a relaxing time away from any work.
Journey map
From the storyboard I created a journey map to further investigate the personas' journey and add more details to develop my apps features.
Moodboard
I started creating a moodboard to see the style and feel of the app to be able to design the UI later. I also designed the logo. I wanted to capture a mystical, purple, relaxing atmosphere in my aplications design and interactions. I also create a style tile to help me with consistency in creating my app.
App Design
After developing the low-fidelity prototype I created my high-fidelity UI. Focusing on neumorphism to create a softer and more relaxing atmosphere of the app, I included several features in the app such as a; tracker to see your individual progression with the app; meditation games for relaxation for individual play and multiplay; meditation and relaxation audio sessions. Additionally, there is a day mode and a night mode to achieve different relaxation and meditation feelings.
Airsticks
About the Project
This was a project developed in a team of 4 UI/UX designers to redesign and develop a new software for an upcoming MIDI device that connects wirelessly to the computer software.
My Role
UI/UX Designer
User Researcher
Interaction Designer
Intro
Creating a software for the Airsticks so that different types of audiences can use it, yet so that it is advanced enough with the possibility to edit workspaces for high-end musicians.
We conducted very extensive user research for the development of this software including, DJ's, professional musicians and a few people who didnt know too much about amking music but they were eager to use the product in the future. This allowed us to see how we can design such an advanced product to suit different levels of knowledge. It also became apparent from the research that the software should be modular and the workspaces should be editable or moved. That is our main focus when creating the interactions of the prototype.
These are some of the high-fidelity screens that showcase the many different features and how we tried to make it as visually stimulating as possible.
Monash Events
About the Project
This was a project developed in a team of 4 UI/UX designers to design and develop an app and a supporting software for students at Monash University.
My Role
UI/UX Designer
Researcher
Interaction Designer
Intro
Creating a Monash Events app and a software for the creators and runners of Monash events to be able to create these events for public eye to be displayed mainly, on our app.
Co-Design your p(a)lace
About the Project
This was a project developed in a team of multidisciplinary designers to create a service for the local people in Poland (Siemianowice Slaskie), UK (Londond) and Denmark (Copenhagen).
My Role
Service Designer
Visual Designer
Intro
Siemianowice Slaskie - Creating services and designs in order to promote sustainable regeneration of the Donnersmarcków Palace for the local people and young people in the area. Keeping the user always in mind through in-depth user research.
Content:
-
Context & Criteria
-
Methodology
-
Insight
-
HMW
-
Value Proposition
-
Big Idea (Hexagon)
-
Moodboard
-
Personas
-
Solution: Storyboard
-
Implementation Plan
Context
PALACE
-
Inspiration place
-
Traget group: Enterpreneurs, companies, local community (Siemianowice & Silesia)
-
Main problem - How to involve young people into Palace?
STRATEGY OF THE CITY
-
For weekend, for life
-
Target Group: Families
-
Main Problem - How to make young people want to stay here?
-
How we can make them come back?
Project Idea
-
Increasing activities of international youths in the regeneration process by attracting and engaging them.
-
Implementing business, social or educational activities in the area of the regenerated Palace.
-
Service should involve min. 50 people (21 participants of Co-design your place, min. 20 people from the local community and 10 extra people).
-
Service will be implemented in June/July 2020 by participants of the Co-design Your Place program.
Our Criteria
Insight
People from Siemianowice want a space for social gathering and sharing their interests/passion with others in order to feel valuable for themselves and the community.
How Might We
How might we create a space for Andrew (or) Katie, who wants to exchange skills/knowledge in order to create relationships within the community for networking
Value Proposiiton
Connecting the living community of Siemianowice
in order to generate networking and economic development, by enhancing their own businesses or skills.
Moodboard
Storyboard
