Petra Smolcic, Designer in Stuttgart, Baden-Württemberg, Germany
Petra is available for hire
Hire Petra

Petra Smolcic

Verified Expert  in Design

Bio

Petra is a UI/UX designer based in Germany with seven years of professional experience and over 140 projects behind her. Petra specializes in crafting high-quality strategies that bring your product to a visually stunning and highly functional finish. Her core services revolve around product and web design, delivering fast, unique, and professional results that stand the test of time. Together with Petra, you'll build a solid foundation for your product that is easy to maintain and scale.

Portfolio

Work Experience

UX/UI Designer

2023 - PRESENT
Petra Designs
  • Redesigned custom software into a B2B SaaS solution, building the style guide and components in Figma.
  • Helped a client rebuild their branding visibility online, with the website getting 14% more users and increasing revenue by 64%.
  • Created user stories and journeys to help identify customer pain points, resulting in an 80% reduced development scope.
Technologies: Figma, Framer, Webflow Design, Brand Design, Component Libraries, Design Systems, Web Design, Web UI, Web UI Design, MVP Design, Design Leadership, User Research, Customer Journeys, Business Strategy, UX Design, SaaS Design, B2C, B2B2C, Design Strategy, UX Design, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, Scrum Master Consulting, UI Design, Workshop Facilitation, Digital Product Design, Hospitality, Workshops, UX Design, Web Design, Wix Development, Charts, Responsive Design, User Journeys, Shopify, Social Media Design, React.js, UX Design, Web Design, Retail & Wholesale, User Testing, Web Design, Finance, Website Design, Service Design, Usability, Prototype Design, iOS Design, Responsive Web Development, Mobile App, Interactive UI, No-code Development, Design Thinking, Retail Design, CRO, UI Design, UX Design

Product Designer

2024 - 2024
Philipp Hoffrichter
  • Gathered insights from previous customers to craft the storytelling flow of the website. Took testimonials to understand what problems they had before taking the course, what they learned, and how they liked it.
  • Designed on-brand high quality landing page that resulted in 60% of conversion rate.
  • Developed the site in no-code Wix Studio, making sure the responsive version was impeccable.
  • Conducted usability testing with five users and gathered insights for improvement of the site before launch to ensure all is understandable to everyone on all devices.
Technologies: Web Design, Responsive Web Design, UI Design, UX Design, UI Design, Visual Design, Webflow Design, UI Design

Product Designer

2024 - 2024
WVE Media LLC
  • Worked closely with cross-functional team to translate complex data into intuitive, user-friendly designs and add some life to the designs by the usage of animation and micro-interactions.
  • Collaborated with developers to implement Radix (React library) for quick and customizable UI.
  • Designed design tokens for multi-themed options and optimizing it (together with the developer) to fit Radix Library and user needs.
  • Designed two landing pages and their corporate website along the way.
Technologies: UI Design, Product Design, Animation Design, UX Research, User Flow Design, User Journeys, Figma, React.js, UX Design, Responsive Design, Design Systems, Charts, Adobe After Effects Design, Design Thinking, CRO, UX Design

Product Designer (via Toptal)

2024 - 2024
Tropical Place LLC - DBA HyTier Energy
  • Conducted a discovery phase to map user journeys and create personas and sitemaps to ensure a seamless user experience for the targeted audience.
  • Consulted the client to ensure we were using the right technology for their needs, switching from Shopify to WordPress. Based on the needs, a custom theme was more accurate.
  • Created wireframes based on the sitemap and concentrated on cross-device responsive design to ensure.
  • Helped expand the branding visuals by expanding the font family they used with a slanted font.
Technologies: E-commerce Website Design, Web Design, Responsive Design, UX Design, UX Wireframes, Mockups, Illustration, Visual Design, Branding, Shopify, Food & Beverage, Product Design, Web Design, Retail & Wholesale, Web Design, Website Design, Usability, Interactive UI, No-code Development, Design Thinking, CRO

Product Designer

2022 - 2023
K15t
  • Improved UI/UX and designed new features for a product with exponential growth that was cloud-fortified in the Atlassian Marketplace.
  • Built a structured UX process to align multifunctional teams, including writing detailed briefs for new features, quarterly plannings, and future iterations in an Agile and Waterfall development environment.
  • Defined user needs and personas to find solutions to their problems.
Technologies: Figma, Confluence, Jira, Atlassian, Prototyping, B2B Design, Rapid Prototyping, Web App Design, Dashboard Design, UX Design, SaaS Design, Web Design, Mobile App Design, Data Collection, Responsive Web Design, UI Design, Mockups, Component Libraries, Design Systems, Web Design, Web UI, Web UI Design, MVP Design, Design Leadership, User Stories, User Research, Customer Journeys, Business Strategy, UX Design, SaaS Design, Design Strategy, UX Design, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, Scrum Master Consulting, UI Design, Digital Product Design, Marketplace Design, Workshops, Leadership, UX Design, Charts, Responsive Design, User Journeys, React.js, UX Design, Web Design, User Testing, Web Design, Website Design, Usability, Mobile App, Interactive UI, Design Thinking, CRO, UI Design, UX Design

Brand and Webshop UX/UI Designer

2021 - 2023
Toptal
  • Served as a UX/UI expert and art-directed the brand image of an innovative cosmetics company. My work included webshop banners, social media, and newsletters.
  • Monitored and analyzed user behavior on the webshop and educated the client about the importance of usability and UX. Brought a systematic approach to webshop redesign with each new campaign.
  • Planned and prioritized with the marketing team, CEO, and developers how to approach the redesign efficiently.
Technologies: Visual Design, WooCommerce Design, E-commerce Website Design, Social Media Design, Banner Design, E-commerce Website Design, Responsive Web Design, Web App Design, Discovery Workshops, Web Design, Mobile App Design, Data Collection, UI Design, Mockups, Brand Design, Web Design, Web UI, Web UI Design, MVP Design, Figma, User Research, Customer Journeys, Business Strategy, UX Design, Mobile UI Design, B2C, Design Strategy, UX Design, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, UI Design, Digital Product Design, Workshops, UX Design, Brand Design, Landing Page Design, Web Design, Responsive Design, User Journeys, Social Media Design, UX Design, Web Design, Retail & Wholesale, Email Design, Web Design, Website Design, Usability, Interactive UI, No-code Development, Design Thinking, Retail Design, CRO

Lead UX/UI Designer

2022 - 2022
Deepr
  • Designed a website and branding for an established lawyer from Munich. Conducted a discovery workshop, created a style guide, and built the UI blocks for WordPress's Guttenberg.
  • Mentored an intern in building a website from concept to design and, finally, HTML/CSS.
  • Consulted the team and CEO about UX processes and how to handle a UI/UX project. Worked independently with the clients to understand their and users' needs.
Technologies: Figma, Prototyping, Web App Design, Discovery Workshops, Web Design, Mobile App Design, Responsive Web Design, UI Design, Mockups, Design Systems, Web Design, Web UI, Web UI Design, MVP Design, Design Leadership, User Stories, User Research, Customer Journeys, Business Strategy, UX Design, Mobile UI Design, B2C, Design Strategy, UX Design, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, UI Design, Workshop Facilitation, Digital Product Design, Hospitality, Workshops, Leadership, UX Design, Brand Design, Landing Page Design, Web Design, Responsive Design, User Journeys, Social Media Design, React.js, UX Design, Web Design, Web Design, Website Design, Usability, Interactive UI, Design Thinking, CRO, UI Design, UX Design

UX Designer

2020 - 2022
Locastic
  • Worked as a lead UX designer on a bus transfer app for over 10,000 users and over 300 bus lines in the second-largest city in Croatia. Designed a high-fidelity wireframe and functional prototype and conducted moderated usability testing.
  • Managed a team as a lead UX consultant on an HR management system. Collaborated for three months with an outside UI/UX team to improve their system's usability and functionality, following the rules of UX and usability.
  • Worked as a lead designer on a check-in feature and QR-code scan app for the world's biggest amateur cycling races. Reduced 60% of the development time due to my wireframing. Made over 30 usability improvements after completing user data analysis.
  • Developed the project for the largest grocery shop contest working as a co-lead art director and visual strategist. Our presentation brought us two international awards.
Technologies: Figma, Jira, Accessibility Development, UX Design, Mobile Apps, Expert Reviews, UX Consulting, UX Design, Information Architecture, Wireframing, UI Design, Prototyping, B2B Design, Web App Design, Dashboard Design, Discovery Workshops, SaaS Design, Web Design, Mobile App Design, Data Collection, Responsive Web Design, UI Design, Mockups, Component Libraries, Design Systems, Web Design, Web UI, Web UI Design, MVP Design, User Stories, User Research, Customer Journeys, Business Strategy, UX Design, Mobile UI Design, SaaS Design, B2C, B2B2C, Design Strategy, UX Design, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, iOS Design, Scrum Master Consulting, UI Design, Workshop Facilitation, Digital Product Design, Hospitality, Workshops, Leadership, UX Design, Brand Design, Landing Page Design, Web Design, Charts, Responsive Design, User Journeys, Social Media Design, React.js, UX Design, Web Design, Retail & Wholesale, Food & Beverage, User Testing, Web Design, Website Design, Service Design, Usability, Mobile App, Interactive UI, Design Thinking, Retail Design, CRO, UX Design

UX/UI Designer

2019 - 2020
Freelance
  • Built and set up WordPress and Wix pages for various clients, including everything from custom designing to installing and adjusting themes.
  • Designed UI/UX for a progressive web application that allows users to browse local shops and restaurants and save personal preferences. The most significant focus was on inclusive design, usability, and accessibility.
  • Delivered UI/UX for different UI types, including admin dashboards, webshops, and landing pages in Adobe XD and Figma.
Technologies: Figma, WordPress Design, UX Design, Mobile Apps, Expert Reviews, UX Consulting, UX Design, Information Architecture, Wireframing, UI Design, WooCommerce Design, Prototyping, Web App Design, Dashboard Design, Web Design, Mobile App Design, Responsive Web Design, UI Design, Mockups, Web Design, Web UI, Web UI Design, MVP Design, User Stories, User Research, Business Strategy, UX Design, Mobile UI Design, B2C, B2B2C, Design Strategy, UX Design, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, UI Design, Hospitality, UX Design, Brand Design, Web Design, Wix Development, Responsive Design, React.js, UX Design, Web Design, Food & Beverage, Web Design, Website Design, Usability, Mobile App, Interactive UI, No-code Development, Design Thinking, Retail Design, UX Design

Project Manager

2018 - 2020
Academy of Fine Arts | Student Association
  • Organized and participated in exhibitions of student design work in local and international galleries.
  • Organized and ran the first two student visual communication festivals in Croatia. Gathered and invited professional designers from various universities from all over Europe to teach and participate in the festival.
  • Wrote projects. Managed the association's funding and paperwork.
Technologies: Atlassian, Web UI, MVP Design, User Stories, Figma

Visual Communication Designer

2017 - 2018
Self-employed
  • Designed and built over 15 branding identities for startups and well-established firms and companies. The branding included logo guidelines, color palettes, typography, the tone of communication, multimedia materials, etc.
  • Created promo materials for smaller businesses to inform and draw the audience's attention.
  • Designed packaging for an Australian company that sells premium dog food.
Technologies: Figma, Photoshop, Illustration, UX Design, Responsive Web Design, UI Design, Brand Design, Web Design, Web UI, Web UI Design, UX Design, Brand Design, Web Design, Web Design, Website Design, No-code Development, Design Thinking
2017 - 2020

Bachelor's Degree in Visual Communication Design

Academy of Fine Arts - Split, Croatia

2013 - 2017

High School Diploma in Multimedia Design

School of Design, Graphics, and Sustainable Construction - Split, Croatia

DECEMBER 2023 - PRESENT

Top Mentor Recognition (December 2023, January 2024, February 2024, and April 2024)

The ADPList

Tools

Figma, Photoshop, Jira, Confluence, Wix Development, Adobe After Effects Design, Prototype Design, Atlassian

Platforms

Web Design, Mobile App Design, iOS Design, WordPress Design, WooCommerce Design, Shopify, Webflow Design

Industry Expertise

Hospitality, Retail & Wholesale, Food & Beverage

Other

UX Design, Mobile Apps, Expert Reviews, UX Consulting, Design, Information Architecture, Flowcharts, User Flow Design, Task Flows, Task Analysis, UX Strategy, UX Design, Customer Journeys, E-commerce Website Design, UI Design, Mobile App Design, Product Design, Mobile App Design, UI Design, UX Design, Design Strategy, UX Design, UX Design, Applications, UX Research, Web UI, Mobile UI Design, UI Design, Wireframing, UI Design, Visual Design, Social Media Design, Responsive Web Design, UX Wireframes, Prototype Design, Prototyping, Rapid Prototyping, Web App Design, Dashboard Design, Discovery Workshops, SaaS Design, SaaS Design, Mockups, Style Guides, Admin Panels, Dashboard, Product Discovery, Component Libraries, Web Design, Web UI Design, MVP Design, Design Leadership, SaaS Design, User Stories, B2C, B2B2C, Functional Design, Interaction Design (IxD), User-centered Design (UCD), UI Design, Workshop Facilitation, Digital Product Design, Brand Design, Landing Page Design, Web Design, Responsive Design, User Journeys, UX Design, Web Design, Website Design, Usability, Responsive Web Development, Mobile App, Interactive UI, Design Thinking, Retail Design, CRO, UI Design, UX Design, Illustration, Motion Graphics Design, Web Accessibility, Business Strategy, User Research, Mobile UX Design, Visual Storytelling, Photography, Presentations, Motion Interaction, Accessibility Development, Startup Development, E-commerce Development, UX Design, Banner Design, B2B Design, Notion Development, UX Design, Branding, Data Collection, Questionnaires, Brand Design, Design Systems, Usability Testing, Scrum Master Consulting, Workshops, Leadership, UX Design, User Testing, Animation Design, Charts, Social Media Design, React.js, Email Design, Finance, Service Design, No-code Development, Virtual Coaching, E-commerce Website Design, Framer, Mentorship, Marketplace Design, Web Design

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring