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
When in doubt, always get a second opinion and offer help in return.
Work with a well-organized design system with clear hiracies to eliminate subsequent faults.
Try out new things; keep an open mind.
Challenge yourself and participate in open, friendly competition.
Claim a tiny-hand-high-five and celebrate minor accomplishments when and where they come.
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.
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
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.
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 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.
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.
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.
Prototypes are the best way to take your clients through user journeys. Here are b13’s best practices for communicating flows through interactive prototypes.
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.
Prototypes are the best way to take your clients through user journeys. Here are b13’s best practices for communicating flows through interactive prototypes.
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.
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 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.
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.
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.
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