Ryan Frederick
Staff Product Designer at Noibu
Vancouver, British Columbia, Canada
Summary
🤩
Rockstar🎓
Top SchoolRyan Frederick is a Staff Product Designer with 14 years of experience crafting merchant-facing products and design systems, currently based in Vancouver. He led major design initiatives at Shopify—shaping Polaris and driving the largest product-model update in a decade—and later helped an early-stage startup scale to $3M ARR by improving AI-powered website and brand tools. Ryan combines visual craft and front-end chops (contributing to open-source projects like Shopify Polaris and the Compass stylesheet tool) to solve UI, accessibility, and responsiveness challenges. He mentors designers, partners closely with engineers, and brings a rare blend of product strategy, hands-on CSS/UX fixes, and prompt-engineering for generative design.
14 years of coding experience
12 years of employment as a software developer
Bachelor of Fine Arts - BFA, Media Arts & Digital Tech, Bachelor of Fine Arts - BFA, Media Arts & Digital Tech at Alberta University of the ArtsBachelor of Fine Arts - BFA, Bachelor of Fine Arts - BFA at University of Calgary
Github Skills (17)
accessibility10
css10
sass10
typescript10
system-design10
system10
component-library10
front-end-development10
sys10
typescript-types10
typescripts10
react10
user-interface9
ui-design9
interface-design9
Programming languages (6)
Github contributions (5)
Shopify/polaris
Jul 2017 - Nov 2020
Shopify’s design system to help us work together to build a great experience for all of our merchants.
Role in this project:
Front-end Developer
Front-end DeveloperContributions:6 reviews, 123 commits, 21 PRs in 3 years 4 months
Contributions summary:Ryan primarily contributed to the Shopify Polaris design system by fixing bugs and implementing improvements within the `TextField` and `Avatar` components. They addressed issues such as click responsiveness and incorrect class names in the `TextField` component. The user also worked on making the initials in the `Avatar` component scalable and cleaned up the component's code. Furthermore, they added an inline label feature to the `Select` component and addressed accessibility and styling concerns.
shopifymerchantsreactvscode-extensiongreat
Compass/compass
Jan 2012 - Oct 2012
Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
Role in this project:Front-end Developer
Front-end DeveloperContributions:17 commits in 9 months
Contributions summary:Ryan primarily contributed to the CSS styling of the Compass project, modifying existing mixins and adding new CSS rules. They focused on the user-interface aspects, including input placeholders and selection styles. The commits involved correcting syntax errors, updating tests and adding new tests, demonstrating a focus on front-end development and styling within the project.
actively-maintainedstylesheetcssauthoringcompass
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.