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
Habibi
A fully animated, 3D interactive consultancy platform helping entrepreneurs set up businesses, open bank accounts, and secure visas in Dubai.
Arena Global Manpower
A comprehensive on-demand platform for booking specialized manpower and home services. Ranked #1 on Google, offering everything from domestic repairs to international corporate recruitment.