Stefanie Kreuzer

UX Design (Design & Concept)

Job and Role: Creating concepts, Wireframes, Interface Design, Creating vector based graphics and icons, Reviewing conceptual or design ideas (sometimes even for print).

Outside of Work: Hiking, urban gardening, horror movies, anything Harry Potter!

Tools Steffi can’t live without:

  • Adobe XD
  • Figma
  • Miro
  • Illustrator
  • Procreate

UX and interface designer, Stefanie is way cooler than the rest of us. Thankfully, she doesn’t hold that against us. She is easy to get along with; we and our clients can always rely on her. She has a special quality we call “seeing the work.” She instantly understands what needs to be done for any given project, and gets on with it. Stefanie spends a great deal of her spare time combining her passions for travel and music, at concerts and festivals, in campers, and hiking.

Expertise

  • Design, Documentation, Delivering Value
  • Questions, User Stories, Written Concepts
  • UX, Responsive, Adobe XD, Figma
  • Listening, Learning, Teamwork, High Fives, People, Family

Stefanie and TYPO3

What I love about working with TYPO3:

benefit from community, contributing to everyone's favor

My favorite thing(s) about TYPO3:

Open Source, easy editing, individual configuration

Stefanie on working at b13

The best parts about working at b13 for me are that I get to be part of a family that includes a kaleidoscope of specialties and knowledge. My opportunities to work hard, keep learning, and improve myself professionally are matched by the respect and results I get back from the rest of the team. The occasional quitting-time G&T and our (almost) legendary Launch Barbecues are nice, too! For our clients, I think the best parts of working with b13 are that we mean everything we say in our manifesto, we have very high standards of quality, and we put our clients needs first.

Steffi’s Dos and Don’ts

  • Assume you always know best
  • Ask my opinion ... if you don't want to hear it.
  • Clutter your desktop with unsorted files.

Latest articles by Stefanie Kreuzer

Wireframing Best Practices

Mastering the Art of Wireframing: Essential Tips and Technique

| Stefanie Kreuzer Updated 04.04.2024

Wireframing is the first step in designing the structure of a website, and it serves many purposes; to describe how information is presented on a page, to determine a website’s structure and how it functions, and to shape the flow of the user journey. Whether you’re interested in an entirely new project or refining an old one, wireframing provides a firmly user-oriented foundation for your site.

An ode to Figma

| Stefanie Kreuzer

Discover the power of Figma for UX design. Streamline projects with seamless collaboration, cross-platform accessibility, and innovative features. Elevate your project’s efficiency and transparency

Choosing a User Flow Tool

| Stefanie Kreuzer

In digital design, picking the right user flow tool isn’t just about choice; it’s about navigating challenges like integration issues, team collaboration, and budget constraints. With a sea of options, how do you find one that addresses all these considerations? This guide simplifies and demystifies the process, ensuring you make a decision that truly fits your needs.

Excelling in User Flow Design

| Stefanie Kreuzer

User flow design visualizes the path that the user follows to achieve a specific goal. In digital terms, the path is what the user sees and clicks on when interacting with a digital interface. User flow design defines the sequence of steps and ensures that these steps are intuitive, efficient, and frustration-free for a positive and smooth experience.

Mid-Fidelity Wireframes: Bridging the Gap in Your Design Process

| Stefanie Kreuzer

Mid-fidelity wireframes serve as a crucial tool in the UX design process, striking a balance between detail and abstraction. This article explores the benefits and uses of mid-fidelity wireframes, demonstrating how they can enhance the design process, facilitate effective communication among stakeholders, and ultimately lead to the creation of more user-centric digital solutions.

Visual Design for an international audience

| Stefanie Kreuzer

When working with transnational corporate websites in different cultural contexts, it is very important to know the different aspects and demands of your international audience. To make a website optimally available and enjoyable for a wide range of users, you need to look beyond the technical requirements of a CMS only supporting text display and language direction. For your visual design to have a global reach, you need to consider things like aesthetics, symbolism, typography and form construction.

A pretty interface does not equal a valid concept

| Stefanie Kreuzer

The human mind is naturally driven by aesthetics. Interface design, therefore, contributes substantially to building a positive user experience. But when it comes to durability and quality, it's what's on the inside that counts. Although conceptual models are abstract, they let you take a step back and envision how people are going to interact with your product. This distance gives you perspective. Seeing the entire landscape means you can more easily align interactions, relations, transitions, and the functionality of your project. Building an elegant solution underpins a well-made interface.

Wireframing Best Practices

Mastering the Art of Wireframing: Essential Tips and Technique

| Stefanie Kreuzer Updated 04.04.2024

Wireframing is the first step in designing the structure of a website, and it serves many purposes; to describe how information is presented on a page, to determine a website’s structure and how it functions, and to shape the flow of the user journey. Whether you’re interested in an entirely new project or refining an old one, wireframing provides a firmly user-oriented foundation for your site.

A pretty interface does not equal a valid concept

| Stefanie Kreuzer

The human mind is naturally driven by aesthetics. Interface design, therefore, contributes substantially to building a positive user experience. But when it comes to durability and quality, it's what's on the inside that counts. Although conceptual models are abstract, they let you take a step back and envision how people are going to interact with your product. This distance gives you perspective. Seeing the entire landscape means you can more easily align interactions, relations, transitions, and the functionality of your project. Building an elegant solution underpins a well-made interface.

Visual Design for an international audience

| Stefanie Kreuzer

When working with transnational corporate websites in different cultural contexts, it is very important to know the different aspects and demands of your international audience. To make a website optimally available and enjoyable for a wide range of users, you need to look beyond the technical requirements of a CMS only supporting text display and language direction. For your visual design to have a global reach, you need to consider things like aesthetics, symbolism, typography and form construction.

Mid-Fidelity Wireframes: Bridging the Gap in Your Design Process

| Stefanie Kreuzer

Mid-fidelity wireframes serve as a crucial tool in the UX design process, striking a balance between detail and abstraction. This article explores the benefits and uses of mid-fidelity wireframes, demonstrating how they can enhance the design process, facilitate effective communication among stakeholders, and ultimately lead to the creation of more user-centric digital solutions.

Excelling in User Flow Design

| Stefanie Kreuzer

User flow design visualizes the path that the user follows to achieve a specific goal. In digital terms, the path is what the user sees and clicks on when interacting with a digital interface. User flow design defines the sequence of steps and ensures that these steps are intuitive, efficient, and frustration-free for a positive and smooth experience.

Choosing a User Flow Tool

| Stefanie Kreuzer

In digital design, picking the right user flow tool isn’t just about choice; it’s about navigating challenges like integration issues, team collaboration, and budget constraints. With a sea of options, how do you find one that addresses all these considerations? This guide simplifies and demystifies the process, ensuring you make a decision that truly fits your needs.

An ode to Figma

| Stefanie Kreuzer

Discover the power of Figma for UX design. Streamline projects with seamless collaboration, cross-platform accessibility, and innovative features. Elevate your project’s efficiency and transparency