top of page

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.

IMG_6792_edited.png

Welcome to my Live Portfolio.

Sit back and let me guide you through my thought process...

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

HR

Needs

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

1

2

Introduction

Problem statement

4

5

Structure justification

Inside the prototype

3

Concept generation

6

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

portfolio plan.png
  • drafting the content of individual chapters and sections

  • deciding on the main message

2. Lo-fi wireframe

lofi.PNG
  • basic layout and structure of information

3. Hi-fi proposal

Desktop - 15.png
  • adding visual elements, typography, colour

4. Hi-fi iteration

Desktop - 16.png
  • 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.

I would be happy to discuss your impressions in person.

bottom of page