Joud

Designed and developed a full e-commerce website using Figma, WordPress, Elementor, and WooCommerce. Improved checkout flow, mobile responsiveness, performance, and technical SEO for a production-ready brand experience.

E-Commerce

Joud E-Commerce Homepage

Joud needed a complete e-commerce presence that felt clear, responsive, and ready for launch. Before opening any design software, I started by sketching the website on paper to map out the information architecture, page hierarchy, navigation, and customer journey. This early planning helped establish a logical shopping experience and made it easier to identify potential usability issues before development began. After refining these ideas, I translated them into detailed wireframes and high-fidelity designs in Figma, carefully balancing visual appeal with usability while creating a clean interface that reflected the brand's identity and made product discovery feel effortless.


With the design system established, I developed the website using WordPress, Elementor, WooCommerce, and Blocksy, ensuring every page closely matched the original designs while remaining fully responsive across desktop, tablet, and mobile devices. I restructured the checkout experience to reduce unnecessary friction, improved navigation and product organization, implemented technical SEO using Rank Math, and optimized images, assets, caching, and hosting to achieve faster load times and better overall performance. The result was a polished, production-ready online store that combined thoughtful design, smooth user experience, and a solid technical foundation capable of supporting the brand's long-term growth.

Joud E-Commerce Mobile Website Preview
Joud E-Commerce website design sketches
Joud E-Commerce Framer Design Preview