DESIGN
About me as a Designer
I'm a triple master in Human-Computer Interaction Design, Innovation and Entrepreneurship, and Psychology. I completed my upper secondary education at the Helsinki Upper Secondary School of Visual Arts and graphic design has been a prominent part of my life ever since. I kept the practice alive out of passion and since discovering the field of UX through psychology, I've put my skills to work.
DESKTOP
MOBILE
WEB
DESKTOP, MOBILE, WEB
Both technology and psychology have been an integral part of my entire adult life, hence my keen interest towards user experience. My first touch to the field came in 2015 through a Master's course titled 'Human-Computer Interaction Design'. Since then I've taken every opportunity to learn more about UX and apply my skills in practice.
My favourite tools for design are Figma, Sketch, InVision, Photoshop and Wix.
2023
Eficode's ROOT is a tailored product and service for DevOps facilitation. In this project, I was responsible for re-designing the related product pages for ROOT in order to better cater for existing and potential customers. I created new components and designs of the pages in Figma.
Eficode ROOT Website
Updating Design System
Creating new components for the new look.
Marketing Needs
The project started with well-defined needs from marketing side
UX/UI Design
Restructuring and facelifting the elements to better suit user needs.
Documentation
Describing the process and design choices made for future reference.
Ameliate (App + Website)
2018-
I researched, designed, and developed a web-based app to provide accessible self-administered Cognitive-Behavioural Therapy (CBT) for individuals. My product's free version is available for consumers, while a more advanced commercial version is offered for health care professionals.
Wireframe Prototype
How would the user go through the steps?
Ideation
Could a self-administered software-based CBT solution help people?
Research
What components of CBT could be viably implemented to an application?
Diary Study
Does the prototype help the user in their daily life?
Think Aloud
What does the user think while using the application?
Interview
What does the user think of the product?
Visual Design
Make it more aesthetically pleasing.
Private Beta
What other improvements can be made?
Public Release
... and continuous development. Nothing is ever perfect.
2018-2019
Blossom is an app for meeting new people when moving to a new city. It implements features to stay in touch with people you've met, to keep your relationships growing through gamification, and to explore nearby locations with new acquaintances.
Our project started by studying what improvements could be done for Tinder to accommodate for a more Human-Centred experience for expats. The project blossomed (pun intended) into Blossom, our design for a Human-Centred meet-up application.
Blossom (Mobile)
Dilemma-based Design
What dilemmas do users have to deal with and how to resolve them?
Ideation
How could Tinder be more Human-Centred as an application to meet people?
Emotion Capture Research
What emotions do users go through when they use Tinder?
Storyboarding
What is the target user's story that brings them to use our proposed application?
Cooperative Evaluation
A dialogue between the user and the researcher over the prototype.
Prototype
A functioning prototype prepared for cooperative evaluation.
Final Prototype
Adjusted based on feedback.
Kalarannan Savustamo (Web)
2018
Complete website design including on-site photography for a West Finland fish smokehouse. The smokehouse had gained significant traction among tourists both internationally and within Finland, creating a need for a website. I provided the design, the photography, content, set up hosting, secured the domain, published the website, and offered guidance to keep the site up-to-date.
Co-Design
What should the site look like?
Customer Needs
What are the goals and wanted content on the site?
Hosting Selection
What is the best option for the customer?
Content
Photography, text, and information
Publish
Hand over the keys.
Logistics and Admin
How to get the site up and running.
2017-2019
I made the foundational wireframes and user journey for a data storage product at 4LifeSupport, a Leiden-based start-up. I also supervised a quantitative research project investigating attitudes towards online privacy legislation.
4LifeSupport
(Desktop)
Alpha Version
First release
Ideation
How would a user want to store and share medical data?
Wireframe
How would the product look and interact?
Consumer
Research
Do people need protected data sharing tools?
New Design
New look based on new requirements
User Journey
How do the users flow through the application?
Stax (Mobile)
2016-2018
A productivity tool I've been designing and prototyping in Java. The concept dawned in late 2016 to help people focus on task completion. I completed the MVP, as well as the the first design for the next step.
Wireframe
How would the user go through the steps?
Ideation
How to gamify productivity?
Research
Procrastination is caused by lack of immediate rewards.
Java Prototype
A working MVP of the application.
Development
Build it.
New Design
Make it look better.
AR, VR, XR
VIRTUAL, AUGMENTED, AND EXTENDED REALITY
EXTENDED REALITY
My education in Human-Computer Interaction Design (MSc.) has allowed me to indulge in the most cutting edge knowledge and technology for mixed reality. After my studies I co-founded a business focusing on medical VR. The projects I've been involved in range from VR to AR, with a keen component for human-centred design. I develop VR apps for Oculus and AR for Android using Unity3D.
Rooted Growth (VR)
2023
Rooted Growth is a VR game running on Oculus Quest 2 that I created during the 2023 Global Game Jam. The idea of the event was to create a game over the weekend corresponding with the underlying theme, which for this year was simply ‘Roots’.
QA Testing
Does the game work?
Ideation
What can I do with Roots and VR?
Rapid Prototyping
Do my ideas work in VR gameplay? Can I actually code them?
Delivery
Designing graphics, writing descriptions, uploading files, and wrapping everything up.
2022
I made a virtual reality music video for my musical alias Jonathan Northtribe. The used hardware was Oculus Quest. The music video takes the user down a highway with increasingly outlandish environments set on a backdrop of outer space. For this project, I made the music, the experience design, and the development.
Routiful (VR)
Agile Cycle
Design, develop, test. What works? What doesn't? Adjust.
Ideation
What is the theme of the experience? What interactions are there?
Research
How can the vision be implemented? What resources are there?
Delivery
Putting it out there.
Ameliate VR Suite
2020-
At Ameliate - a company I co-founded with my EIT alumni colleague - we build psychological VR apps. Together with my team, we've designed an application suite for psychological VR apps and showcasing VR interactions our design studio is capable of delivering. The most prominent product of the suite is CBT-VR - a cognitive-behavioural therapy based VR experience.
User Tests
Can the users use the app?
Ideation
How to put therapy into VR?
Prototyping
Experimenting with interactions.
Re-Design
Fix the design issues, re-think the core user group.
Further Design
Polish the design
Re-Test
Are the issues solved?
Clinical Research
How does it fare as a therapeutic tool?
Undisclosed Psychological VR App
2020
I researched, designed, and developed a new prototype for a psychological therapy application. The project focuses on introducing immersive and interactive elements to the existing product in order to enhance user experience and make the experience human-centred.
Think Aloud
What do the users think when they use the product?
Planning
What's the roadmap for the new design?
HCI Evaluation
How does the product vet against industry standards?
Ideation
What design choices could be made based on the results?
Implement
Build a hi-fi prototype with interactive elements in Unity
Mockups
Rough draft of the design and user workflow.
Validation
Does the new design meet design goals? How do the users experience it?
2019-2020
For our creative design project, we made an imaginary company concept that sells cybernetic and real body parts. The project implemented AR elements, video, and web design. The aim of the project was to highlight exploitative consumerism. The artwork was displayed at an exhibition in the Paris metropolitan area in France.
CorpusOmnia (AR, Mixed Media)
Implement
Edit the videos, implement AR in Unity, design catalogue and website
Ideation
What topic do we want to address and with what techniques?
Mockups and Script
What does the artwork look and sound like?
Evaluation
How was the message received by exhibition goers?
User Personas
What kind of users would use our proposed product?
Ideation
What new business opportunities are there in VR?
Market Research
Is there a need for a VR solution in the fashion industry
Business Model
How to build a business around our solution?
User Research
How do fashion industry professionals experience our design?
Design
What features does the product have?
MVP
Our prototype to display how it looks like (see above video for the pitch)
PRODUCT DESIGN
Physical product designs or products that span multiple medias.
WeRoute (Mobile & Haptic Devices)
2019
We designed a haptic-powered navigation app based on cutting edge design principles as a result of our HCI Bootcamp. WeRoute enables collaborative trip planning and route updates via touch interaction.
Target Group
Who do we target the design for?
User Interviews
What critical issues arise when using navigation apps?
Interaction Mapping
What interactions take place while using the app?
Video Brainstorming
What design ideas can be done to solve the user's problem
Storyboard
What situations do the user personas use the product in?
User Personas
What typical and extreme users would use the product?
Video Prototype
How the story looks like.
2019
Our team designed a multisensory product experience that encourages healthy food purchase decisions. We based our concept on psychological research behind healthy eating behaviours and consumer behaviour.
Eco-Tunnel (Multisensory Product)
Research
What kind of multisensory experiences promote healthy behaviour?
Ideation
How to make people eat healthier with a multisensory design experience?
Mapping
What is the current experience of buying food in a supermarket?
Design
How to implement the multisensory experiences in a viable product?
ColourSphere
2015-2016
Our team created a prototype for a user-friendly and fun to use microtonal instrument. The process started from product research, moving to design and two usability tests before the final prototype, all of which you can read in our paper:
Paper Design
How would the design look and feel?
Ideation
How to improve the user experience of microtonal instruments?
User Research
What features would musicians want for a microtonal instrument?
Usability Research
How do the users experience the proposed design?
Prototype
How our solution looks and feels in action (see video in the gallery).
GRAPHIC AND OTHER DESIGN
Before interface and technology design, I did graphic and marketing design. I created visuals for social media, a variety of print designs for posters, flyers, and tickets while being an active member as a Promoter at the English Activities Committee of my study association VIP and as a volunteer for a charity fundraiser.
I've also made logo and cover art designs for my musical pursuits and run a side-business selling designs on RedBubble.