Hans is available for hire
Hire HansHans van de Bruggen
Verified Expert in Design
Designer
San Francisco, CA, United States
Toptal member since January 20, 2022
Bio
Hans has been obsessed with design ever since building a website at 14 that helped to lift his family out of poverty. He has led design at startups and industry giants like Netflix and LinkedIn, has been interviewed as a subject matter expert by the New York Times, and his work has been featured in publications like TechCrunch, Engadget, The Verge, Wired, PCMag, BGR, Variety, and Esquire. Hans is also the author of Learnability Isn't Enough, a guide to designing interfaces for heavy use.
Portfolio
Work Experience
Product & Design Advisor
2022 - 2023
General Task
- Guided all product and design efforts for the company, including new feature development and branding, in a short-term capacity.
- Managed a small team of designers of varying experience levels.
- Led a company rebrand in record time, producing a new identity in two weeks. The rebrand caught the attention of the popular design and brand blog Abduzeedo, catapulting our product to the top one on Product Hunt before ending the day at the top two.
Technologies: Figma, Principle, DaVinci Resolve, Mood Boards, Product Design, Rapid Prototyping, UI Prototyping, MVP Design, Layout Design, Design Systems, Wireframing, Prototyping, Responsive Web Apps, Dashboard Design, UX Design, User Interface (UI), User Experience (UX), Branding, Design Leadership, User Flows, Web App Design, Mockups, Design Libraries, User Research, SaaS Design, Design Sprints, B2C, Logo Design, Web Design, System Design, Low-fidelity Prototypes, CSS, HTML, Design, UX Prototyping
Senior Product Designer
2018 - 2020
Netflix
- Designed an internal tool for determining release dates of upcoming titles as a drop-in replacement to existing pencil-and-paper workflows. The tool was designed and built within six months, had 100% adoption, and required half the expected training.
- Created an internal database of global film industry talent meant to centralize data and serve as a hybrid IMDb-meets-CRM. This tool also achieved 100% adoption with its initial audience and required the least follow-up training of any internal tool.
- Designed a robust Gantt scheduling tool to aid in scheduling pre, physical, and post-production timelines. This tool allowed teams to shift away from spreadsheet-based scheduling, saving considerable time and effort.
- Conceived the Project Rumble Pak for a hack day, leading to international headlines in lead tech, film, and culture publications. The feature brings haptic vibrations to kids' content on Netflix, enabling a more exciting and immersive experience.
Technologies: Sketch, Figma, InVision, Principle, UI Design, UI Animation, Visual Design, Material Design, Product Design, Rapid Prototyping, UI Prototyping, MVP Design, Design Systems, Wireframing, Prototyping, Responsive Web Apps, Dashboard Design, Data Visualization, UX Design, User Interface (UI), User Experience (UX), User Journeys, Branding, Design Leadership, User Stories, User Flows, Web App Design, Mockups, Design Libraries, UX Workshops, User Research, Dashboards, Interviews, SaaS Design, Design Sprints, Logo Design, Web Design, System Design, Low-fidelity Prototypes, CSS, HTML, Responsive Web Design (RWD), Design, DevOps, UX Prototyping
Senior Product Designer
2016 - 2017
Blue Apron
- Oversaw the onboarding flows design for the growth team, creating multivariate tests for mobile web and desktop. Spearheaded a gift card campaign with the legal, marketing and communications, and logistics teams' support, achieving dramatic success.
- Kickstarted and officiated the companywide hack day.
- Partnered with the head of design to develop new homepage redesign concepts for the CEO and top company leadership.
Technologies: Sketch, Principle, Origami Studio, Zeplin, UI Design, Visual Design, Material Design, Product Design, Rapid Prototyping, UI Prototyping, Layout Design, Design Systems, Wireframing, Prototyping, UX Design, User Interface (UI), User Experience (UX), User Flows, Mockups, Design Libraries, Interviews, Design Sprints, B2C, Mobile Design, UX Wireframes, Web Design, eCommerce UX, Mobile UX Design, Mobile UI Design, Low-fidelity Prototypes, Mobile App Design, Responsive Web Design (RWD), Design, UX Prototyping
Senior Director of Product Design
2015 - 2016
Pypestream
- Led a team to redesign the proof-of-concept app into a viable mass-market app. Also designed tools for channel managers to manage broadcasts and campaigns, and tools for call-centers to more easily read and respond to incoming messages.
- Spearheaded a chatbot-centered redesign that quickly became the company's top priority. This came with a substantial update to the app's information architecture and new shareable mobile web landing pages.
- Concepted a point-and-click chatbot builder UI geared toward non-technical users.
Technologies: Sketch, Zeplin, Principle, Pixate, Framer, UI Design, UI Animation, Visual Design, Product Design, Rapid Prototyping, UI Prototyping, MVP Design, Layout Design, Design Systems, Wireframing, Prototyping, B2B, Dashboard Design, UX Design, User Interface (UI), User Experience (UX), Design Leadership, User Flows, Web App Design, Mockups, Design Libraries, Chatbots, UX Workshops, User Research, Dashboards, Interviews, SaaS Design, B2C, Mobile Design, Color Palettes, Web Design, System Design, Mobile UX Design, Mobile UI Design, Low-fidelity Prototypes, Mobile App Design, Design, UX Prototyping
Head of Design
2014 - 2015
Cureatr
- Oversaw comprehensive redesigns of our iOS, Android, Windows Phone, and web apps. Focused on usability concerns of a niche userbase, including nurses and physicians in a hospital setting.
- Championed a redesign of the quick messages feature, which resulted in massive gains in the feature and the overall app usage.
- Created a UI kit and style guide codenamed Cascadia to address user needs while being easy for the development team to understand and implement.
Technologies: Sketch, Zeplin, Jira, UI Design, UI Animation, Visual Design, Mood Boards, Product Design, Rapid Prototyping, UI Prototyping, MVP Design, Layout Design, Design Systems, Wireframing, Prototyping, B2B, Dashboard Design, Data Visualization, UX Design, User Interface (UI), User Experience (UX), Branding, Design Leadership, User Flows, Web App Design, Mockups, Design Libraries, User Research, Dashboards, Interviews, SaaS Design, Mobile Design, Logo Design, Color Palettes, Web Design, System Design, Mobile UX Design, Mobile UI Design, Low-fidelity Prototypes, CSS, HTML, Mobile App Design, Design, UX Prototyping
Senior UX Designer
2013 - 2014
Atlassian
- Designed and launched new features for Bitbucket and Bitbucket Server, then called Stash. Notable features included diff tools for code and images, code search improvements, and a sidebar redesign for most Atlassian products that lasted 6+ years.
- Led the design for the nascent growth team, designing onboarding experiments for Stash, Confluence, Jira, and other Atlassian products.
- Built up the team's skillset by developing frameworks and led workshops on prototyping tools, most notably Quartz Composer.
Technologies: Jira, Confluence, Bitbucket, Stash, Sketch, Quartz Composer, UI Design, Visual Design, Product Design, Rapid Prototyping, UI Prototyping, Design Systems, Wireframing, Prototyping, B2B, UX Design, User Interface (UI), User Experience (UX), User Journeys, Branding, User Stories, Web App Design, Mockups, Design Libraries, UX Workshops, SaaS Design, B2C, Color Palettes, UX Wireframes, Web Design, Low-fidelity Prototypes, CSS, HTML, Responsive Web Design (RWD), Design, UX Prototyping
User Experience Designer
2011 - 2013
- Designed the skills endorsements feature that was used over a billion times in the first five months and got special recognition on that quarter's earnings call. It was found to directly increase the engagement of every major feature across the site.
- Helped grow the site from 161 million to over 200 million in under a year as a member of the growth team. Worked on redesigning the LinkedIn.com global landing page that remained in use between 2013 and 2015.
- Got the company's first-ever incubator program award. I oversaw the creation of a site-touring tool as a designer and product manager. The open-source tool, Hopscotch, received 4,300 stars on GitHub and was forked nearly 700 times.
- Won more company hack days than any other designer, leading to shipping new products and features and having four patents filed.
Technologies: Adobe Fireworks, Adobe Flash, Sketch, UI Design, UI Animation, Visual Design, Product Design, Rapid Prototyping, UI Prototyping, MVP Design, Layout Design, Design Systems, Wireframing, Prototyping, Dashboard Design, Data Visualization, UX Design, User Interface (UI), User Experience (UX), User Journeys, Design Leadership, User Stories, User Flows, Mockups, Design Libraries, User Research, Dashboards, Interviews, B2C, Mobile Design, Logo Design, Color Palettes, UX Wireframes, Web Design, System Design, eCommerce UX, Mobile UX Design, Mobile UI Design, Low-fidelity Prototypes, CSS, HTML, Mobile App Design, Responsive Web Design (RWD), Design, DevOps, UX Prototyping
Skills
Tools
Sketch, Figma, Principle, Origami Studio, Origami, InVision, Zeplin, Adobe Fireworks, Adobe Flash, Spreadsheets, Jira, Confluence, Bitbucket, Stash, Quartz Composer, DaVinci Resolve
Platforms
Android, iOS, Mobile, Messenger Bots, Web
Languages
CSS, HTML
Other
Internal Apps, Growth, User Onboarding, Hackathons, iPhone, Web App Design, Mobile Web, Mobile UI, B2C, UI Design, UI Animation, Visual Design, Product Design, Rapid Prototyping, UI Prototyping, MVP Design, Design Systems, Wireframing, Prototyping, Responsive Web Apps, Dashboard Design, UX Design, User Interface (UI), User Experience (UX), Design Leadership, User Flows, Mockups, Design Libraries, Dashboards, SaaS Design, Mobile Design, Color Palettes, UX Wireframes, Web Design, System Design, Mobile UX Design, Mobile UI Design, Low-fidelity Prototypes, Mobile App Design, Interaction Design (IxD), Responsive Web Design (RWD), Websites, Design, UX Prototyping, DataViz, Style Guides, Mood Boards, Material Design, SaaS, Layout Design, B2B, User Journeys, Branding, User Stories, Chatbots, UX Workshops, User Research, Interviews, Design Sprints, Logo Design, eCommerce UX, DevOps, Scheduling, Calendars, Calendar Design, Collaboration, Customer Relationship Management (CRM), Cross-functional Design, Cross-functional Collaboration, Growth Hacking, Gantt Chart, Mobile UX, Mobile Apps, Healthcare Management Systems, Healthcare Services, HIPAA Compliance, Messenger, Message UI, B2C Marketing, eCommerce, Mobile eCommerce, Social Networks, User Engagement, Startups, Pixate, Framer, B2B2C, Data Visualization, Fintech, Writing & Editing, Digital Banking
Experience
Tools
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