Convert Figma design to functional website
HTML/CSS/JS
This project involved converting a Figma design, provided by the client, into a fully functional website using HTML, CSS, and JavaScript. The website is a single-page design with multiple sections. Each section features a title with a fixed background image, creating a layered scrolling effect.
One of the primary challenges was optimizing this effect for mobile, particularly on iOS devices, which are known to experience performance issues with fixed background properties. To address this, we implemented user-agent detection to serve alternative background settings for iOS users, ensuring a smooth and visually consistent experience across all devices.
Despite these initial technical challenges, the project was successfully completed, and the website is now live, serving as the company’s main digital presence.