a UX designer based in Stockholm.

Hello, I'm Elin 👋

Since 2021, I've been a UX designer at Svea Bank, focusing on both consumer products and internal tools that assist our teams in their daily operations.

Collaborating with my talented UX & design team to enhance our product ✨

Engaging with customers to understand their desires and needs 🤔

Onboarding new designers to our team 🥳

Working closely with product owners and stakeholders 👔

day-to-day

my role

Current position

Svea Bank

Fast API testing and Monitoring (in progress)

Capter helps developers with testing and monitoring their code. They needed a website to show their product and help with UX on the Capter app. Visit website 👉 https://capter.io/

A way to sell the product and improvements to the UX of their app.

the problem

A website that sells and shows what Capter is - with price, features, and demo 👋

The website should be trustworthy and easy to navigate for potential users 🤩

Better design and UX for the app 👩‍💻

The app should be clear, informative, and easy to use for the users 💞

goals

Work in progress

Website and app

Capter

A new student apartment building, Akademiska Kvarten, needed a website where students could learn more and see photos of the accommodation and register interest to stay there. Visit website 👉 https://djurobronfastighet.se/akademiska-kvarten

A way to show the co-living building and to reach out to students. Also an easy way for students to sign up to get a room.

A website that "sells" the building – with a lot of photos and information 👋

Share information about the rooms and the common areas 🏠

UX-research, UX-designer, designer and project manager.

I looked at competitors and got help from students I knew. The students tried out the prototype and came back with feedback which was important for the design process to move forward.

user research

👋 Made the building feel like a home using photos

🏠 Information about co-living and the benefits of that

solution

mockup

After some new rounds of user testing and feedback, the website was ready to go live!

high-fidelity mockups

What students are looking for and how they think in the process of finding a room

Having a clear plan and focusing on deadlines

learnings

Website

Akademiska Kvarten

"Här och nu" is a new company with a focus on people's health that offers yoga, massage and coaching. "Här och nu" needed help with the design and UX for a new website. Visit website 👉  https://baravaraharochnu.se/

The company struggles to get customers and also a simple way for customers to find information about what services that "Här och nu" offer. The company also has photos and books for sell and need a way to show those so they can start selling them.

Read about the offers/service that the company has 📖

Finding a simple way of selling photos and drawing books (without payments on the website) 🌅

For customers to learn more about the company 🔍

I started to look at other competitors websites. Due to the pandemic, the users research was made with help of some relatives and friends.

🔍 A clear way to show every service that the company have

🛒 Webshop for photos and drawing books, where they can contact the owner when they want to buy.

🙋‍♀️ An about and a contact page

🎊 Getting more customers by being transparent and clear with services and pricing.

mockups

All ideas are good but learning what is doable and not

Thinking differently when working during a pandemic

Här och nu

Divido was looking to create a payment flow for a new potential customer. The customer (a multi-billion-pound merchant) was not offering finance in their stores, and they were asking how Divido could fit in to their existing checkout flow.

The merchant has hundreds of stores across the UK, so Divido needed to come up with an integration that required minimum effort to launch across all stores, without any changes or updates to the current payment insfrastructure (card terminals etc.).

Create an easy way to pay on finance in-store.

The flow should tap in to the current payment insfrastructure.

I came in to the project when the main steps in the user journey had already been decided by Divido and the merchant, so my role came down to:

The proposed solution was that the user would:

Enter the store and scan a QR code or enter a URL.

Go through the Divido application form and get a virtual credit card.

Add the virtual credit card to Apple Pay/Google Wallet and pay using the existing card terminals.

To illustrate this journey, I created some low-fidelity wireframes to quickly show how this flow could work so that Divido could make changes before showing it to the merchant.

wireframes

After a few iterations with Divido, I created some high-fidelity mockups in Sketch to be included in the pitch deck that was shown to the merchant.

Improving my Sketch skills while working on the high-fidelity mockup.

User journey

Divido.

This brand new company needed help with designing a dashboard to show potential investors how the product would work.

Companies today struggle with data protection, and GDPR has not made it easier. There is also a lack of transparansy for investors to see how well companies in their porfolio are doing when it comes to data protection.

Create a dashboard that works well for the users.

Make a dashboard that potential investors can understand.

From the user research, I got the information that it was important to have an overview to easily see how the businesses are doing, and how to fix any security problems. I create personas and an empathy map when doing the research:

I came up with two personas that I thought were the base users for this web app:

The investor. The investor wants to know about the data protection in the companies he/she have invested in. The investor need a quick overview on how things are going.

The lawyer. The laywer wants to know the specific problems about the companies data protection to be able to help fixing them.

Workshops with the founder to get as much information about the company as possible.

Find other dashboards on Dribbble, Behance and UpLabs to get inspiration.

Use clear colors such as red for danger, yellow for warning and green for good.

Accounts for the users to see the companies they have invested in.

Add insights about the companies. This let’s the user see how the data protection is going for the specific company.

A clear menu to the left where the user can navigate to different parts of the web app.

I had a lot of ideas about how it would work and feel. Here are some examples of the prototypes I made with pen & paper and then the one we liked the most as a digital mockup:

After a few iterations with the founder, I created a high-fidelity mockup in Sketch to be included in the pitch deck that was shown to the potential inverstors. I also replaced the pie chart after reading this.

Found new websites for inspiration(uplabs.com, behance.net).

Web app

Auditious

Today, a lot of people are concerned with our environment here on earth. I know I am! As an exercise, I wanted to see what I could do in my role as a UX designer to make recycling easier and something that everyone can do!

The big problem is that people think recycling takes time and want it to be easier, but they also struggle to find find where the nearest to recycle bin is and how to recycle. This is very important for people to know so that we all can help the environment.

I did a survey that I sent out to friends and family, with different questions depending on if they were recycling or not. I then interviewed a few of them to get more information on their recycling habits.

If they knew where the recycle bins were.

📱 An app that show you where the nearest to recycle bin is and what you can recycle there, to make it easier for the user to recycle.

📅 Show what you can recycle at your nearest recycling station so that you can plan what and when to recycle.

📷 Tells you how to recycle items. By taking a photo of the item in the app you get a quick answer in which recycle bin you should put it in.

💡 Find information about what happens with the stuff you recycling - easy and quick way to learn more about recycling.

🏆 Rewards when recycling, like coupons. It is hard to motivate someone that doesn’t recycle, but a reward for doing so can help. Using rewards is a good way of creating new habits. It works like this:→ User sees plastic container (trigger)→ User recycles (action)→ User gets a coupon (reward)and over time, a new habit will be created.(The rewards should be things that have minimal impact on our planet)

I created some initial sketches using pen and paper to quickly figure out what the user journey would be like. I then moved that over to a low-fidelity prototype. When I was happy with all the flows, I created a high-fidelity version using Sketch.

Learned about the environment and recycling.

I got so excited that I started to design before user research - then I needed to go back and do the user research. I learned once again to do the user research first - the excitement should go there.

It takes time to change peoples mind - it’s hard and frustrating trying to get people to understand their impact on the environment - go Greta!

Elin.