Role: UI/UX Designer
Project Brief: Create a smart device and create its a mobile interface using figma. Consider UIUX, interaction, and usability principles.
Tools: Figma, Midjourney AI, Miro, Adobe illustrator
Terräng is a compression wear line that uses fiber technologies to control your body temperature, track activity, heart rate and sweat output battery powered by thin solar panel strips. The compression wear is connected, monitored and controlled by the user through a mobile app.
To what demographic am I catering?
This app and smart device is targeting anyone who stays active in the outdoors whether thats for work or as a hobby.
What problem(s) am I solving?
Terräng was designed to address the challenge of maintaining personal body temperature comfort in changing environments and during physical activity.
Easy control, giving users simple, intuitive control through a mobile app.
Temperature control, help users cool down, warm up, and maintain their preferred temperature.
Sustainable charging, reduce reliance on traditional charging through integrated solar technology.
Competitor Analysis A
abacus is a wearable technology brand focused on making smart apparel through fabric feel less like technology and more like everyday clothing.
Pros: It's "tech" free, no wires and buttons, all fabric. Just put it on and it will work! Probably really comfy to wear.
Cons: Higher price range, won't be as affective as something with more technology than just fabric. To expensive to buy and try out if it works. Limited designs, only targeted to golfers.
Competitor Analysis B
Amazon Heated Zip Up is wearable heating garment that uses integrated technology to provide warmth and comfort during outdoor activities, offering a more accessible alternative to traditional cold-weather layers.
Pros: More affordable options for the common consumer. Variety of options between colors, fit and style.
Cons: Still quite pricey generally for a piece of clothing. The rechargeable aspect could be a pain point for some consumers. Only heats up but doesn't cool down.
Interviews/Findings
I made a set a questions that felt specific to my idea and interviewed people of different ages, backgrounds and genders.
This was my conclusion:
Talking to various demographics I've learned that women typically use more skincare products, with a specific skincare regiment. Compared to men who typically abandon skincare products after finishing the products.
This lead me to think that this could be targeted more towards women in their late teens to late 20s.
Katie
Age: 19 years old
Gender: Female
Occupation: student in College
Katie is a freshman going to college . Now that she is going to college she wants to focus on her physical and mental health. She wants to put more time into her selfcare like finds a good skincare routine, hair routine and shower routine while picking up a running routine.
Needs:
A better skincare routine.
informational app about skincare.
Products that are for her skin specifically.
Wants to try new things.
Pains:
When trying new things, they end up doing.
Harm to her skin because they aren't meant for her skin.
Doesn't know how to read labels, what the big fancy words mean.
Unsure where to start.
Finds social media to recommend her stuff but its usually just ads.
Bryan
Age: 16
Gender: Male
Occupation: Highschool Student
Bryan is a high school student who is starting to enjoy self care after discovering his love for baseball. He realized there is more to life than video games. He love to bike ride on the weekends when he isn't in the cage practicing his swing. He now likes to buy self care products like organic deodorant, styling his hair and skincare.
Needs:
Start a skincare routine.
Informational app about skincare.
Products that are for his skin specifically.
Wants to be educated about skincare and what works for him.
Pains:
Doesn't know where to start.
Feel overwhelmed.
Doesn't know how to read labels, what the big fancy words mean.
Finds social media to recommend stuff but its usually just ads.
This was an important part of my UI research, particularly in determining the order of questions and how I could make the registration process feel as stress-free as possible. I wanted to establish a sense of trust and reliability with the user from the very beginning. The goal of the app is to be as simple, intuitive, and easy to understand as possible. Establishing the information architecture was my first step toward guiding and supporting the user through the registration process.
The wireframing process helped me turn the information architecture into a tangible user journey. By prioritizing simplicity, clarity, and trust, I created a foundation for an interface that feels easy to understand while still guiding users toward a more personalized skincare experience.
Clean & Structured
The skincare world can be overwhelming with confusing labels and vast amount
of brands. Which is why a clean interface was ideal to let the user be in a place of peace and tranquility.
Youthful
The target audience for SOURCED includes teens and young adults struggling with skincare. With that in mind, the UI has to speak to this audience.
UI Kit
Key Screens
Scan & Info
Registration
Scan & Info
User Flows
Registration
Home
Camera / Scan
This idea came from one of my biggest pains from high school and part of college. Finding skincare to worked for my skin type and spending a lot of money on products that didn't work. Consuming a lot of content about skincare can be tricky considering products that work for whoever is making the video could work for their skin doesn't mean it could work for me. Which is why an app like SOURCED would be so helpful with finding skincare products specifically for you. I hope to continue this journey and create this into a real app, which would solve a lot of pain point for people like me.
