# Suleiman Ali Shakir — Product Designer

> Product Designer, Systems Thinker, and Engineer. Design Lead at Handshake (NYC). Over a decade of experience leading UX, design systems, and product strategy at Amazon, BuzzFeed, and Siemens. Portfolio site: https://iamsuleiman.com

## Case Studies

- [Designed a 5x faster job search for students](https://iamsuleiman.com/casestudy/handshake-job-search/) — Handshake: Improved the student job search experience, reducing time-to-apply by 5x through improved filtering, personalization, and information hierarchy.
- [Unified design tokens that aligned all product teams](https://iamsuleiman.com/casestudy/amazon-design-tokens/) — Amazon: Built a cross-platform design token system that unified the visual language across web, Android, and iOS product teams.
- [Drove 85% retention by launching a new subscription experience](https://iamsuleiman.com/casestudy/buzzfeed-plus/) — BuzzFeed App: Designed and launched BuzzFeed+, a subscription experience that achieved 85% retention through personalization and content strategy.
- [Eliminated user error by designing an improved ad creation tool](https://iamsuleiman.com/casestudy/buzzfeed-ad-manager/) — BuzzFeed Tooling: Redesigned the ad manager tool to reduce creation errors and improve campaign setup efficiency for media buyers.
- [Faster time to market by building a mobile design system](https://iamsuleiman.com/casestudy/design-system-buzzfeed-app/) — BuzzFeed: Created a mobile design system for iOS and Android that reduced design-to-development handoff time and increased cross-team consistency.
- [Achieved 90% completion rate with a new ad format design](https://iamsuleiman.com/casestudy/playlist-ad/) — BuzzFeed AdTech: Designed a new playlist ad format that achieved a 90% completion rate, outperforming industry benchmarks.

## About

- [About Suleiman](https://iamsuleiman.com/about/) — Background, role, philosophy, and tools. Product Designer with an engineering background focused on clarity, craft, and scale.

## Writing

- [Best Practices For Horizontal Scrolling In Mobile](https://uxdesign.cc/best-practices-for-horizontal-lists-in-mobile-21480b9b73e5) — Published on UX Collective.
- [Using Empty States To Your Advantage](https://uxdesign.cc/use-empty-states-to-your-advantage-1ba760cd739f) — Published on UX Collective.
- [Stop Using Loading Spinners, There's Something Better](https://uxdesign.cc/stop-using-a-loading-spinner-theres-something-better-d186194f771e) — Published on UX Collective.

## Play

- [Themeable Design System](https://codesandbox.io/s/react-components-playground-x78wn?file=/README.md) — CodeSandbox demo for a design system implementation using design tokens for the web.
- [Newslet](https://suleiman19.medium.com/newslet-v2-27c59f47434c) — Personal project to improve a news reader app for Android.
- [Spotify Animation](https://codesandbox.io/s/spotify-bottom-sheet-cyfsi?file=/src/MusicSheet.tsx) — Recreating the Spotify app's music player transition using Framer Motion.
- [Figma Design Tokens plugin](https://www.figma.com/community/plugin/1128196356923537195) — One click to sync Figma styles with a remote tokens repository.

## Contact

- Email: hi@iamsuleiman.com
- LinkedIn: https://www.linkedin.com/in/suleiman-shakir
- Blog: https://blog.iamsuleiman.com