Frontend Developer Portfolio

Surayans Tiwari Building modern web products

I bring 9+ years of experience building digital products end-to-end, from product discovery and frontend architecture to backend integration and production delivery across web, iOS, and Android platforms. I have contributed to products at Wayfair, BookMyShow, and Apollo Pharmacy.

Surayans Tiwari portrait
WayfairBookMyShowApollo Pharmacy

(01)

About Me

I am a product-focused engineer with 9+ years of hands-on experience delivering full-stack web and app experiences. I turn complex requirements into elegant, reliable products and focus on usability, maintainability, and measurable business outcomes across multiple platforms.

(02)

Core Skills

WebiOSAndroidJavaScriptTypeScriptReactNext.jsNode.jsREST APIsPerformanceAccessibilityTesting

(03)

What I Build

Data-rich dashboards and admin panels for operations, analytics, and decision-making.
Conversion-focused booking and checkout experiences with low-friction payment journeys.
GraphQL-powered frontend applications with scalable data fetching and clean state management.
High-performance Next.js applications optimized for Core Web Vitals and SEO.
Cross-platform mobile applications for iOS and Android with a consistent product experience.
End-to-end product delivery across frontend, backend, APIs, and production deployment.

(04)

Portfolio Highlights

Representative website snapshots from brands where I contributed to frontend product experiences.

Wayfair website snapshot

Wayfair

Jan 2023 - Jan 2024

Frontend Engineer

Owned improvements across product, cart, and checkout journeys for high-intent shoppers.

  • Checkout step drop-off reduced by 12%
  • Mobile interaction latency improved by 28%
  • Experiment velocity increased with reusable modules
  • Built and refined reusable React UI modules for product detail and checkout surfaces.
  • Improved page responsiveness and interaction smoothness on mobile and tablet breakpoints.
  • Partnered with product and design teams to ship conversion-focused UX experiments.
  • Reduced customer friction in payment and review-order flows through clearer visual hierarchy.

Case Study

Problem: The purchase journey had friction across shipping/payment transitions and inconsistent mobile behavior.

Solution: Reworked checkout UI composition, introduced reusable interaction patterns, and prioritized responsive states for key components.

Impact: Flow clarity improved, users completed checkout with fewer interruptions, and experimentation became faster for the team.

  • React
  • Performance
  • A/B Testing
Visit website
BookMyShow website snapshot

BookMyShow

Feb 2024 - Feb 2025

Frontend Developer

Enhanced movie discovery, seat selection, and payment workflows for faster bookings.

  • Payment continuation rate improved by 10%
  • Booking completion time reduced by 18%
  • Seat-selection interaction errors dropped by 20%
  • Implemented UI enhancements for show-time selection and theater seat-map interactions.
  • Optimized payment steps to reduce drop-offs between method selection and confirmation.
  • Standardized reusable booking widgets for consistent behavior across web views.
  • Collaborated on visual polish and micro-interactions to improve overall booking confidence.

Case Study

Problem: Users were dropping off during payment method transitions and seat-map actions were not consistently intuitive.

Solution: Simplified payment progression, improved state visibility, and refined booking components for clearer decision paths.

Impact: Users moved through booking faster with fewer input mistakes, improving confidence before final payment.

  • Next.js
  • UX
  • Optimization
Visit website
Apollo Pharmacy website snapshot

Apollo Pharmacy

Mar 2025 - Present (1+ year)

Web Engineer

Delivered reliable medicine ordering experiences from search to final order confirmation.

  • Search-to-cart conversion increased by 14%
  • Checkout readability/accessibility score improved significantly
  • Time-to-order completion improved by 16%
  • Improved medicine listing and detail screens to make dosage and delivery information clearer.
  • Built checkout UI updates for shipping options, order summary, and payment method visibility.
  • Strengthened accessibility and readability across essential healthcare purchase flows.
  • Helped ship performance-minded frontend updates to keep ordering fast on low-bandwidth devices.

Case Study

Problem: Healthcare ordering requires high clarity, but key info like dosage, delivery, and charges was hard to scan quickly.

Solution: Redesigned product and checkout information hierarchy, strengthened accessibility, and optimized critical flow rendering.

Impact: Users could verify details faster, complete medicine orders with better confidence, and experience smoother checkout.

  • E-commerce
  • Accessibility
  • Design System
Visit website

(05)

Let's build something impactful

If you are hiring for frontend roles or need help building web products, I would love to connect.

Phone: +91 9967854549