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, Brand Guidelines, Component Libraries, Design Systems, Web Design, Web UI, Web UI Design, MVP Design, Design Leadership, User Research, Customer Journeys, Business Strategy, Personas, SaaS, B2C, B2B2C, Strategy, UX Flows, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, Scrum, UI Design, Workshop Facilitation, Digital Product Design, Hospitality, Workshops, User Journey Maps, Websites, Wix, Charts, Responsive Design, User Journeys, Shopify, Social Media, React, Journey Mapping, Sitemaps, Retail & Wholesale, User Testing, Web UX Design, Finance, Website Design, Service Design, Usability

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: eCommerce, Web, Responsive Design, Journey Mapping, UX Wireframes, Mockups, Illustration, Visual Design, Branding, Shopify, Food & Beverage, Product Design, Sitemaps, Retail & Wholesale, Web UX Design, Website Design, Usability

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, Rapid Prototyping, Web App Design, Dashboard Design, Lean UX, Software as a Service (SaaS), Web, Mobile, Data Collection, Responsive Web Design (RWD), User Interface (UI), Mockups, Component Libraries, Design Systems, Web Design, Web UI, Web UI Design, MVP Design, Design Leadership, User Stories, User Research, Customer Journeys, Business Strategy, Personas, SaaS, Strategy, UX Flows, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, Scrum, UI Design, Digital Product Design, Marketplaces, Workshops, Leadership, User Journey Maps, Charts, Responsive Design, User Journeys, React, Journey Mapping, Sitemaps, User Testing, Web UX Design, Website Design, Usability

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, eCommerce Design, Social Media Design, Banner Design, eCommerce, Responsive Web Design (RWD), Web App Design, Discovery Workshops, Web, Mobile, Data Collection, User Interface (UI), Mockups, Brand Guidelines, Web Design, Web UI, Web UI Design, MVP Design, Figma, User Research, Customer Journeys, Business Strategy, Personas, Mobile UI, B2C, Strategy, UX Flows, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, UI Design, Digital Product Design, Workshops, User Journey Maps, Brand Design, Landing Page Design, Websites, Responsive Design, User Journeys, Social Media, Journey Mapping, Sitemaps, Retail & Wholesale, Email Design, Web UX Design, Website Design, Usability

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, Mobile, Responsive Web Design (RWD), User Interface (UI), Mockups, Design Systems, Web Design, Web UI, Web UI Design, MVP Design, Design Leadership, User Stories, User Research, Customer Journeys, Business Strategy, Personas, Mobile UI, B2C, Strategy, UX Flows, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, UI Design, Workshop Facilitation, Digital Product Design, Hospitality, Workshops, Leadership, User Journey Maps, Brand Design, Landing Page Design, Websites, Responsive Design, User Journeys, Social Media, React, Journey Mapping, Sitemaps, Web UX Design, Website Design, Usability

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, UX Design, Mobile Apps, Expert Reviews, UX Consulting, User Experience (UX), Information Architecture (IA), Wireframing, Web App UI, Prototyping, B2B, Web App Design, Dashboard Design, Discovery Workshops, Software as a Service (SaaS), Web, Mobile, Data Collection, Responsive Web Design (RWD), User Interface (UI), Mockups, Component Libraries, Design Systems, Web Design, Web UI, Web UI Design, MVP Design, User Stories, User Research, Customer Journeys, Business Strategy, Personas, Mobile UI, SaaS, B2C, B2B2C, Strategy, UX Flows, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, iOS, Scrum, UI Design, Workshop Facilitation, Digital Product Design, Hospitality, Workshops, Leadership, User Journey Maps, Brand Design, Landing Page Design, Websites, Charts, Responsive Design, User Journeys, Social Media, React, Journey Mapping, Sitemaps, Retail & Wholesale, Food & Beverage, User Testing, Web UX Design, Website Design, Service Design, Usability

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, UX Design, Mobile Apps, Expert Reviews, UX Consulting, User Experience (UX), Information Architecture (IA), Wireframing, Web App UI, WooCommerce, Prototyping, Web App Design, Dashboard Design, Web, Mobile, Responsive Web Design (RWD), User Interface (UI), Mockups, Web Design, Web UI, Web UI Design, MVP Design, User Stories, User Research, Business Strategy, Personas, Mobile UI, B2C, B2B2C, Strategy, UX Flows, Functional Design, Interaction Design (IxD), User-centered Design (UCD), Usability Testing, UI Design, Hospitality, User Journey Maps, Brand Design, Websites, Wix, Responsive Design, React, Journey Mapping, Sitemaps, Food & Beverage, Web UX Design, Website Design, Usability

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 CC, Illustration, User Experience (UX), Responsive Web Design (RWD), User Interface (UI), Brand Guidelines, Web Design, Web UI, Web UI Design, Personas, Brand Design, Websites, Web UX Design, Website Design
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 CC, Jira, Confluence, Wix, Adobe After Effects, Atlassian

Platforms

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

Industry Expertise

Hospitality, Retail & Wholesale, Food & Beverage

Other

UX Design, Mobile Apps, Expert Reviews, UX Consulting, Design, Information Architecture (IA), Flowcharts, User Flows, Task Flows, Task Analysis, UX Strategy, User Personas, Customer Journeys, eCommerce, eCommerce UI, Mobile App UI, Product Design, Mobile App Design, Responsive UI, User Experience (UX), Strategy, UX Flows, Personas, Applications, UX Research, Web UI, Mobile UI, User Interface (UI), Wireframing, Web App UI, Visual Design, Social Media Design, Responsive Web Design (RWD), UX Wireframes, Low-fidelity Prototypes, Prototyping, Rapid Prototyping, Web App Design, Dashboard Design, Discovery Workshops, Software as a Service (SaaS), SaaS, Mockups, Style Guides, Admin Panels, Dashboards, 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, Websites, Responsive Design, User Journeys, Journey Mapping, Web UX Design, Website Design, Usability, Illustration, Motion Graphics, Web Accessibility, Business Strategy, User Research, Mobile UX, Visual Storytelling, Photography, Presentations, Motion Interaction, Accessibility, Startups, Web Shops, UX Scenarios, Banner Design, B2B, Notion, Lean UX, Branding, Data Collection, Questionnaires, Brand Guidelines, Design Systems, Usability Testing, Scrum, Workshops, Leadership, User Journey Maps, User Testing, Animation, Charts, Social Media, React, Email Design, Finance, Service Design, Project Management, eCommerce Design, Framer, Mentorship, Marketplaces, Sitemaps

Experience

Web UI - 6 yearsProduct Discovery - 5 yearsFigma - 5 yearsB2B2C - 5 yearsWeb App Design - 5 yearsB2B - 4 yearsProduct Design - 4 yearsSoftware as a Service (SaaS) - 3 years

Tools

Figma
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