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.
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
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.
- 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:
My favorite thing(s) about TYPO3:
Stefanie on working at b13
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.
- 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
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.