Home | Katerina's portfolio

Hello, nice to meet you! My name is Katerina.

I'm a UX designer with experience in automotive HMI. I make designs with a purpose, resonating with the audience they're meant for.

Welcome to my Live Portfolio.

My life portfolio demonstrates how I approach UX methodology in my projects. Each chapter represents a phase in the process, telling a continuous story. Using this approach, I treat the portfolio as a case study with ongoing user testing.

Chapter 1 | Problem Statement

Aim

clearly showing how I work and think

tailoring the content to what the recruiters want to see

choosing a relevant medium and form that represents my skills

Objectives

Creating a portfolio that effectively showcases my skills in a unique way while adhering to strict NDAs from my previous job.

Target Audience

Anna

Lead Designer

Andrew

Needs

insight into how the person thinks
effcient comparison of the candidate’s profile with the job requirements
understanding of the candidate’s expertise, focus within the field

quick recognition of suitable candidates for the job
ability to efficiently compare the job requirements with the candidate’s profile
assumption that the candidate could fit the company’s atmosphere

Frustrations

only project outcomes without any process
portfolio that does not stand out in any way
irrelevant work, missing fundamental parts of the process
significant divergence in methodology without justification

Frustrations

large chunks of text, content heavy with information
portfolios that do not stand out
too many technical terms without being able to identify the most important information

Chapter 2 | Concept Generation

Problem and Solution

Requirements

Scannability and hierarchy

Showcase of who I am and how I think

Following

the correct methodology

Standing out/ uniqueness

Solutions

Informational hierarchy, visual clarity

Thought process description, strengths show-off

Correct

UX process

Original solution/content

Tools

Visual elements, typography, white space

Graphic representation, step-by-step explanation

Research, reasoning, personas, wireframes..

Original solution/content

“Live portfolio”

aka portfolio as a case study

strong concept & personality
focus on process description

Concept Evaluation – "Live Portfolio"

Interactive

Starting conversation

Efficient, problem solving in creative way

Dynamic, developing

through feedback

Original

Showing off my personality and strengths

Unconventional

Too different from a traditional portfolio structure

Does not show a range of projects

Can feel less comprehensible if not executed properly

"Trying too hard"

Concept Definition

Live Portfolio

Connecting with the target audience through interactive elements of the portfolio

By looking through the portfolio, the person becomes part of the UX testing (the portfolio itself is the UX case study)

The content can be dynamic as it changes based on feedback

Chapter 3 | Structure Justification

Storyline

What is the context?
What is the unique selling point?

What is the intention?
How did the characters develop?

How does this end?
Let’s continue the coversation..

Building blocks

Introduction

Problem statement

Structure justification

Inside the prototype

Concept generation

Call to action

Navigation Comparison

Horizontal menu

Vertical menu

Works well for a more complex website
Sticky - stays visible during scrolling
Allows more space for the actual content on the page

Works well for a single-page design
Sticky - stays visible during scrolling
Emphasises that the chapters of the website follow up - opening a new one through scrolling

VS.

Wireframe Sneak Peeks

1. Structure draft

drafting the content of individual chapters and sections
deciding on the main message

2. Lo-fi wireframe

basic layout and structure of information

3. Hi-fi proposal

adding visual elements, typography, colour

4. Hi-fi iteration

adjusting the layout of the building blocks to emphasize the connection between both displayed elements

Color palette

Each section is assigned a distinct colour for improved understanding.

Chapter 4 | Inside the Prototype

Thank you for joining me on this journey through the creation of this portfolio.

Together, we've travelled through the development process, arriving at the testing phase. Your feedback is invaluable and offers you a chance to contribute to the testing of this portfolio.