02 / Featured Work

Building of Scribble

Client Ch***E**y
Role Web Design, Full Stack
Year 2026
Services UI/UX Design, Web Development, SEO, API Integration, Custom Features
Website URL myscribble.in
Rate RS. 98,000
Progress 75%
Github Private
Scribble Workspace Interface

Challenges & Solutions

01. Platform Migration

Challenge
  • The existing Shopify store had limited customization capabilities.
  • The client was unhappy with the overall user experience and scalability.
  • The business required a more flexible architecture capable of supporting custom product workflows.
Solution
  • Rebuilt the entire platform from scratch.
  • Developed a custom frontend deployed on Vercel.
  • Integrated Supabase for database management.
  • Implemented Bunny.net for image storage and processing.
  • Created a scalable architecture optimized for future product expansion.
Scribble Platform Migration Flow Diagram

02. Manual Product Creation Workflow

Challenge
  • Customers uploaded images before checkout.
  • Every order had to be manually designed by the internal team.
  • The process was time-consuming and difficult to scale.
Solution
  • Developed a fully automated personalization system.
  • Enabled customers to upload, preview, and customize products in real time.
  • Generated print-ready outputs automatically.
  • Reduced manual intervention and significantly improved production efficiency.

03. Memory Book Personalization

Challenge
  • Memory books were being designed manually for every customer.
  • Creating layouts, placing images, and formatting content required extensive design effort.
Solution
  • Built a custom Memory Book Editor.
  • Enabled drag-and-drop image placement.
  • Added support for multiple fonts and typography styles.
  • Implemented background customization, emojis, and page personalization tools.
  • Allowed customers to create complete memory books independently.

04. Outdated User Experience

Challenge
  • The Shopify interface did not reflect the creative identity of the Scribble brand.
  • Navigation and interactions felt generic and lacked engagement.
Solution
  • Designed an entirely new user interface.
  • Created smooth animations and transitions throughout the website.
  • Improved navigation and conversion-focused user flows.
  • Delivered a fully responsive experience across desktop, tablet, and mobile devices.

05. Online Photobooth Experience

Challenge
  • The client wanted an interactive photobooth for creating Polaroids and Photo Strips.
  • Existing solutions lacked customization and branding flexibility.
Solution
  • Developed an advanced browser-based photobooth.
  • Implemented real-time camera capture.
  • Added live filters and visual effects.
  • Enabled customizable Polaroid and Photo Strip layouts.
  • Created multiple border styles and export options.
  • Designed an intuitive, user-friendly workflow with smooth animations.

06. Performance & Brand Assets

Challenge
  • The website required fast loading speeds despite heavy image usage.
  • The client also needed custom promotional banners and visual assets.
Solution
  • Optimized image delivery and frontend performance.
  • Implemented efficient asset management using Bunny.net.
  • Designed custom banners and marketing visuals.
  • Delivered a fast, responsive, and visually cohesive experience across the entire platform.

07. Authentication & User Onboarding

Challenge
  • The client wanted a frictionless sign-up experience to improve user adoption.
  • Traditional email registration created unnecessary steps for customers.
Solution
  • Implemented Google Sign-In authentication.
  • Enabled one-click account creation and login.
  • Reduced onboarding friction and improved account accessibility.
  • Created a seamless authentication flow across all devices.

08. Cloud Storage & Media Management

Challenge
  • Customers needed to upload large numbers of photos for Memory Books, Polaroids, and Photo Strips.
  • Managing thousands of high-resolution images required a reliable and scalable storage system.
Solution
  • Integrated Google Drive and Google Cloud-based upload workflows.
  • Built secure image upload and retrieval systems.
  • Optimized storage architecture for handling high-volume media assets.
  • Ensured fast and reliable access to customer photos throughout the personalization process.

09. Admin Dashboard & Business Intelligence

Challenge
  • The client lacked visibility into business performance and order management.
  • Tracking sales, customer information, and production requirements was largely manual.
Solution
  • Developed a comprehensive Admin Panel.
  • Added real-time sales reporting and analytics.
  • Enabled order tracking and customer management.
  • Displayed detailed product information for every purchase.
  • Created centralized controls for platform settings and configurations.
  • Simplified day-to-day operations through a single management interface.

10. Scalability & Business Operations

Challenge
  • The business relied on multiple disconnected tools and manual workflows.
  • Scaling operations would have increased administrative overhead significantly.
Solution
  • Unified customer personalization, order processing, uploads, and administration into a single platform.
  • Automated repetitive tasks previously handled by designers.
  • Reduced operational complexity across departments.
  • Created a scalable infrastructure capable of supporting future growth and new product lines.
Scribble Scalability Workflow Diagram

Features Delivered

  • Complete Shopify → Custom Platform Migration
  • Vercel Frontend Deployment
  • Supabase Database Integration
  • Bunny.net Image Processing & Storage
  • Google Sign-In Authentication
  • Google Drive Integration
  • Google Cloud Media Uploads
  • Advanced Admin Dashboard
  • Sales & Analytics Reporting
  • Customer Management System
  • Product Management Tools
  • Real-Time Photobooth
  • Custom Polaroid Generator
  • Photo Strip Creator
  • Interactive Memory Book Editor
  • Multi-Font Support
  • Emoji & Sticker System
  • Responsive Mobile Experience
  • Performance Optimization
  • Custom Banner Design & Marketing Assets
  • Smooth Animations & Modern UI

Key Project Impact

  • Complete migration from Shopify to a scalable custom platform
  • Automated previously manual design workflows
  • Interactive Memory Book Editor for self-service customization
  • Advanced online Photobooth for Polaroids and Photo Strips
  • Improved performance, responsiveness, and user experience
  • Reduced operational workload while increasing customer engagement

Wanna Build like this?

Let's Start