jody kahlon website Elementor, UI/UX Design, web design, WordPress
Jody Kahlon Website
Client: Jody Kahlon (Self-Initiated)
Year: 2024
Role: Web Development, UI and Wordpress Development. Dynamic Content
Diego created magic, he really did. He really did manage to match my style with the site. And now I can easily update the site when I want!
Diego created magic, he really did. He really did manage to match my style with the site. And now I can easily update the site when I want!
A Fusion of Style and Functionality
Skills: Digital Design, UI/UX, CSS, Wordpress, Elementor, Dynamic Content, Template Build, FIGMA Design
Software Used: Figma, Sketch, Photoshop, Illustrator
Inspired by the geometric shapes that define Jody’s signature style, I aimed to infuse her website with a unique “window shapes” aesthetic. Initial experiments with shape dividers yielded a promising direction, but the final result felt somewhat formulaic. Determined to achieve a more bespoke look, I turned to Illustrator to create custom SVG shapes that could be applied as masks over images.This technique allowed for a more intricate and visually captivating layout, which I meticulously optimised for seamless display across all screen sizes.
The website’s foundation rests on two core template files, which integrate dynamic fields generated through ACF. These fields can be seamlessly inserted into content blocks or sections as needed, adapting to the specific data provided for each product. This approach ensures a consistent and efficient way to showcase Jody’s evolving collection.
Hero Sections
Skills: Elementor
Software Used: Figma, Photoshop, Illustrator
Jody expressed a particular fondness for the website’s hero sections. To complement her personal style, I carefully curated a selection of fonts that harmonized with the overall aesthetic. Through Elementor, I incorporated custom-created shapes into these hero sections, ensuring they were visually striking and aligned with Jody’s brand identity.
Showcasing the Collection
To facilitate the presentation of Jody’s stunning creations, I developed a comprehensive catalog system with a portfolio-style showcase feature. Leveraging WordPress, Custom Post Types, Elementor, and Advanced Custom Fields, I constructed a flexible and dynamic framework for managing her product data.
Responsive Design
With the rise of mobile commerce in mind, I placed a strong emphasis on responsive design principles. The website fluidly adapts to various devices, ensuring a visually pleasing and intuitive experience for customers regardless of their screen size. I implemented a cutting-edge approach to typography scaling based on viewport size, ensuring optimal readability and maintaining a polished appearance across all platforms.
Results and Client Satisfaction
Since its launch in late November 2021, the new website has garnered a highly positive response. Leads have doubled compared to the previous period, and Jody has expressed her delight with the final product. Furthermore, the feedback received on social media has been overwhelmingly positive, solidifying the success of our collaborative effort.
