![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65c0ac53922a147adb59ce5e_codevidia-peugeot-web-design-portfolio.webp)
The Background
Welcome to Vantageauto Singapore's digital showroom, where innovation meets elegance in our showcase of the Peugeot E-2008. As a leading Web and Design Development Agency, we bring you a seamless online experience through our expertise in UI/UX and Responsive design. Navigating our 1-product page website is a joy, providing an immersive journey into the world of Peugeot E-2008. Our commitment to excellence extends to our WordPress Development capabilities, ensuring a dynamic and user-friendly platform that adapts effortlessly to any device. Explore the future of automotive elegance with Vantageauto Singapore, where cutting-edge technology meets exceptional design on a website crafted to perfection.
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66189da87b8435e750439bee_Group%20162876.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66189dcd4601096fd8912196_Group%20162875.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66189f7fa9a30ff89e6ee3f5_Group%20162877.webp)
Style Guide
Typography
HEADINGS
Font Size: 30px
Font Weight: Bold
Line height: 40px
Font Size: 16px
Font Weight: Bold
Line height: 21.6px
Mobile
Font Size: 23px
Font Weight: Bold
Line height: 45px
Mobile
Font Size: 18px
Font Weight: Bold
Line height: 24.2px
BODY, LABELS
Font size: 18px
Line height: 24px
Font size: 16px
Line height: 22px
Font size: 14px
Line height: 19px
Font size: 13px
Line height: 18px
Font size: 12px
Line height: 20px
Colors
Peugeot Blue
#0069E5
Black
#000000
Anti-Flash White
#F2F2F2
UI Elements
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dc1cb6433c528b4643858f_peugeot-form-element.png)
Images
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dc2390b768e5a874ee9fbb_peugeot-img-1.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dc23a2158216a417b362b7_peugeot-img-2.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dc23b6eceaa3ab28cf1fc0_peugeot-img-3.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dc23ccd23d70484aa20587_peugeot-img-4.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dc23e107d58e94d4296f7e_peugeot-img-5.png)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dc23ef006b7022333df068_peugeot-img-6.png)
Figma UI Design
Our UI/UX design process on Figma involves a meticulous exploration of client requirements, followed by the creation of pixel-perfect responsive designs. Leveraging Figma's collaborative features, we seamlessly transition from wireframes to high-fidelity designs, ensuring a visually stunning and flawlessly responsive user interface across diverse devices.
Ready to work with us?
Explore Plans
More Projects
View All Works