Designed and prototyped in Figma first, the Parker Boats homepage features new interactive elements and improved UI/UX. Developed with HTML, CSS, JavaScript, and Bootstrap.
Parker Boats is an American boat manufacturer known for building rugged, dependable offshore and inshore boats trusted by anglers, families, and professionals alike.
I teamed up with our talented design team in Figma to redesigned the Parker Boats homepage. Our main goal was to add interactive elements to make the page more engaging and intuitive for visitors. From prototyping with Figma and developing the front-end using HTML, CSS, JavaScript, and Bootstrap, I was able to seamlessly create our Figma prototype with custom code. The updated homepage highlights clear content, includes compelling visuals, and has interactive elements that keep visitors engaged.
Turning a collaborative Figma prototype into an engaging, animated homepage
For Parker Boats, I collaborated closely with the design team to redesign and prototype their new homepage in Figma. Once the vision was finalized, I brought it to life by building out the entire front-end experience. The biggest challenge was ensuring that every animation and interaction matched the Figma prototype as closely as possible. By carefully translating subtle motion details into code, I created a homepage that feels vibrant, engaging, and true to the original design and prototype. This resulted in a homepage full of interactivity, delivering above and beyond what the client requested.
