Back to Projects
web
2022

Shutterstock UI 2.0

Shutterstock UI 2.0 lets you embed Shutterstock image and video search and licensing and other related features on your site. You can customize actions to happen when users search or click items, and you can get information about what they search for and click. You can implement the ability to license and download images and to browse previously licensed images.

Shutterstock UI 2.0
Technologies

Frontend

React.js
TypeScript
Styled Components
Storybook

Backend

Database

Tools

Webpack
Jest
Cypress
Figma
Challenges
  • Migrating legacy components without breaking existing functionality
  • Ensuring accessibility compliance across all components
  • Maintaining performance while adding new features
Solutions
  • Implemented gradual migration strategy with backward compatibility
  • Built comprehensive component documentation and guidelines
  • Integrated automated accessibility testing in CI/CD pipeline
  • Optimized bundle size with tree-shaking and code splitting
Key Outcomes & Impact

50% reduction in component development time

Improved accessibility score from 70% to 95%

30% decrease in bug reports related to UI inconsistencies

Other Projects

AI Workflow Builder
AI Workflow Builder

Chain LLM steps into a workflow with {{stepId.output}} substitution between steps. Pick a preset, edit any prompt, watch the chain execute step by step.

View Project
ai-eval — Open-Source LLM Eval Harness
ai-eval — Open-Source LLM Eval Harness

CLI + web viewer that runs your prompts against test cases with contains / regex / equals / llm-judge assertions, produces a JSON report, and fails the build on regressions in CI.

View Project