User-Centered Product Design (UI/UX)

Florian (Fritz) Friesinger

(4)

Starting at

/hr

About this service

Summary

Are you facing a clear user problem or seeking that next big product idea? No worries! I've got your back. I’ll help you nail down a solid product experience that strengthens your brand and drives you towards your KPIs.

Through user research, I'll uncover insights into your customers' needs. Leveraging my strength in visual design and prototyping, I will craft appealing yet functional user interfaces, always in collaboration with engineering for the most effective implementation.

Process

1. Discovery and Strategy

Client Meeting: Begin with a meeting to understand the client's vision, goals, target audience, and key functionalities desired in the web application.

Market Research: Conduct research to understand industry trends, competitor products, and target audience preferences.

Strategy Development: Define the product strategy, including user personas, user journeys, and the core value proposition of the web application.

2. Ideation

Content Audit: If redesigning an existing product, perform a content audit to determine what to keep, modify, or discard.

User Flows/Information Architecture (IA): Develop the IA to organize the content and features of the web application in a user-friendly manner.

Wireframing: Create low-fidelity wireframes to outline the basic structure of the web application's pages, focusing on layout and UX without yet incorporating visual design elements.

3. Design

Mood Boards: Create mood boards to establish the visual direction, including color schemes, typography, and UI elements.

High-Fidelity Mockups: Design high-fidelity mockups for key pages, incorporating the visual identity and detailed UI elements.

Responsive Design: Ensure designs are responsive, adapting to different screen sizes and devices. Utilize a mobile-first approach, designing for smaller screens before scaling up to tablets and desktops.

4. Prototyping and User Testing

Interactive Prototypes: Develop clickable prototypes that simulate the user interface and interactions of the web application.

User Testing: Conduct user testing with prototypes to gather feedback on usability, aesthetics, and overall user experience. Use findings to refine the design.

Iteration: Iteratively refine the design based on user feedback and stakeholder input, ensuring the solution meets user needs and business goals.

5. UI Development Guidelines and Handoff

Style Guide: Create a comprehensive UI style guide detailing the design system, including colors, typography, grid systems, and UI components.

Design Specs: Provide detailed design specifications for developers, including responsive breakpoints, animations, and interaction details.

Asset Preparation: Prepare and organize all design assets for development, ensuring they are optimized for web use.

What's included

User Research Report
This report outlines user needs, preferences, and behaviours, forming the basis for all design decisions to ensure the product meets real user requirements.
Design Strategy & Direction Document 🗄
If needed, a document outlining the design strategy includes user segments and journeys. Early-stage design concepts include wireframes, sketches, or mood boards that visualize the key elements of the user interface. These concepts visually represent the product's layout, features, and overall design direction.
High-Fidelity Design Mockups 🖼
Polished, detailed designs of your product's user interface, showcasing the look and feel, including colour schemes, typography, and layout. These mockups are ready for review, feedback, and iteration, moving closer to the final product design.
Interactive Prototypes
A clickable prototype that simulates the user experience and interface of your product. This interactive model allows stakeholders to engage with the design, providing valuable feedback on usability and functionality before development begins.
Design System and Guidelines 🎨
A comprehensive guide detailing the visual and interaction design principles, including responsive guidelines that ensure consistency and coherence across your product's user interface. This deliverable includes a UI kit with reusable design elements, ensuring efficient design and development processes.
Figma File Transfer ➡️
Exported Figma file (.fig) with annotations for the developer for an easy transition into web development.

Recommendations

(5.0)

Flaminia Zannotti

Client • May 27, 2024

Recommended

I had the privilege of working with Fritz for 3 years and witnessed his exceptional creativity and strategic thinking firsthand. Fritz's dedication to advocating for users was inspiring, and his multidisciplinary background allowed him to seamlessly lead research, design, and client presentations. His attention to detail ensured that every project was executed to perfection. Fritz is not only a highly skilled Interaction Designer, his expertise in Design Thinking shone through in every endeavor.

Christopher Grant Black • New Order Design Studio

Client • May 24, 2024

Recommended

I had the pleasure of supervising Fritz during his tenure at gravity GmbH in Munich, where he served as a Product Designer and Interaction Designer. Throughout his time at gravity, Fritz consistently showcased exceptional technical prowess coupled with a genuine curiosity that continuously drove him to explore new skills and technologies, consistently enriching our team's capabilities and projects. Fritz’s proactive approach to acquiring new skills allowed him to remain at the forefront of tech

Hugo Marinho

Client • May 24, 2024

Recommended

I had the pleasure of working with Fritz in our Product team, where his contributions went far beyond just producing designs. Fritz developed a comprehensive Design System that ensured consistency across the product and helped speed up development. His out-of-the-box thinking led to innovative solutions that addressed both user experience and business needs effectively. I am thrilled to recommend Fritz for your projects!

Natalia Patiño • np.design

Client • May 24, 2024

Recommended

I worked with Fritz for nearly six years at Freeletics. His contribution as a Designer was exceptional. He played a crucial role in shaping the Freeletics Coach, showing a passion for users and delivering outstanding results. Fritz excelled at solving complex user problems and implementing bold changes quickly. He built strong relationships with engineers and product managers, communicated effectively with stakeholders, and was committed to continuous learning. I can recommend him for any role.

Skills and tools

UX Designer

Product Designer

UI Designer