01. Web Development Problems Solved
The client experienced severe conversion rate drops from Apple device users due to an iOS Safari compatibility bug breaking checkout flows. Unstructured global CSS was also causing difficult styling conflicts across different screen breakpoints.
02. Technical Architecture & Decisions
I rebuilt the internal component architecture using ReactJS and Material-UI to enforce design consistency. To permanently fix the Safari bug, I diagnosed viewport height calculation discrepancies and instituted a more robust CSS-in-JS solution for bottom navigation elements.
The Development Challenge
SGI Lighting's website development project involved creating a visually appealing and responsive design that effectively showcased their lighting products. The project included developing multiple pages, ensuring mobile responsiveness, and addressing a critical compatibility issue on iOS devices. The successful resolution of the iOS bug significantly improved the user experience for Apple users, contributing to increased engagement and customer satisfaction.
Engineering Strategy
- Developed and styled multiple pages of the SGI Lighting website.
- Ensured mobile responsiveness across all devices.
- Identified and fixed a critical iOS compatibility bug, improving functionality on Apple devices.
Key Outcomes
- Successfully launched the new website with improved mobile responsiveness.
- Resolved a critical iOS compatibility issue, enhancing user experience for Apple device users.
Explore More Projects
SpeedCharge
A premium full-stack EV charging platform for India — franchise lead generation, real-time admin CMS, Mapbox station locator, ROI calculator, and a sharp red-and-black UI built entirely solo with Next.js, GSAP, SASS, and a Node.js/MongoDB backend.
Habibi
A fully animated, 3D interactive consultancy platform helping entrepreneurs set up businesses, open bank accounts, and secure visas in Dubai.