Proline Equipment is an online store offering high-quality, residential and commercial kitchen cooking equipment. When Proline came to us, they wanted an e-commerce web solution that could also serve as an online catalog for promoting big-ticket items. We worked with them to create two landing pages targeting commercial and residential customers respectively.
The pages provided essential information to users while also directing them toward the e-commerce section. Our goal was to create a smooth and intuitive user experience that would encourage customers to purchase items from the website.
We were responsible for the UX/UI design of the website, as well as the front-end development. We conducted stakeholder interviews, competitor analysis, and user research to understand the needs of both commercial and residential customers. Based on our findings, we created low-fidelity wireframes which were then turned into high-fidelity prototypes.
The prototypes were used to test the user experience and to make sure that the design was intuitive and easy to use. Once the prototypes were approved, we started working on the front-end development.
The website was built using HTML, CSS, and JavaScript. We used a responsive design to make sure that the website would look good on all devices.
The first step was to introduce a mega menu, which displayed a large number of options, simplifying the navigation. Next, I decided to use product images in the main navigation, breaking down the various categories into user visuals.
I went on to apply dark contrasts and backgrounds to ensure the metallic product finishes weren’t lost on the page. Then, I introduced orange to the color palette to command attention in a friendly, inviting way, increasing contrast with the dark background.
The design solutions implemented on this website were aimed at enhancing usability and highlighting key content. A slider was used to showcase the hero content, and a one-page scroll allowed users to quickly jump to the relevant section. In addition, the introduction of a gallery of features with hover effects encouraged users to explore the site further. By using the zoom function, users were able to see the finer details of the product and learn about its key features.
The end result was a modern and stylish website that was easy to navigate. Thanks to the design solutions implemented, users were able to quickly find the information they were looking for. The site received positive feedback from both commercial and residential customers, with many praising its sleek design and user-friendly interface.
Testimonial
Proline Equipment
