DALTON – HONDA & HYUNDAI
Web Design, UX/UI, Front-End Development, SEO Optimization
February & March – 2025
DALTON – HONDA & HYUNDAI
Web Design, Front-end Development, UX/UI, SEO Optimization
February & March – 2025
Websites links
project overview
Dalton Automotive is a Mexican automotive group representing multiple international brands. Its websites provide vehicle info, test-drive booking, and tools to support the online purchase process.
As part of Dalton Group’s digital refresh, the Honda and Hyundai websites were built to meet strict global brand standards while delivering strong usability, design accuracy, and technical performance. The challenge was to execute all of this within a tight timeline, ensuring responsive, visually consistent results through close collaboration.
my rol
I led front-end development, creating pixel-perfect layouts for both desktop and mobile. I structured and uploaded technical content—such as specs, trims, and pricing—ensuring consistency. I worked closely with the systems engineer to adapt the design using raw HTML and CSS, optimizing both design fidelity and site performance, while supporting technical SEO.
tools & technologies
–Wordpress, Figma
–Custom plugins
–SEO best practices
–HTML, CSS, JavaScript
–Visual Studio Code
team and creative credits
– Agencies: Punto Reactivo & Dalton
– Design: Dalton
project overview
Dalton Automotive is a Mexican automotive group representing multiple international brands. Its websites provide vehicle info, test-drive booking, and tools to support the online purchase process.
As part of Dalton Group’s digital refresh, the Honda and Hyundai websites were built to meet strict global brand standards while delivering strong usability, design accuracy, and technical performance. The challenge was to execute all of this within a tight timeline, ensuring responsive, visually consistent results through close collaboration.
my rol
I led front-end development, creating pixel-perfect layouts for both desktop and mobile. I structured and uploaded technical content—such as specs, trims, and pricing—ensuring consistency. I worked closely with the systems engineer to adapt the design using raw HTML and CSS, optimizing both design fidelity and site performance, while supporting technical SEO.
tools & technologies
–Wordpress, Figma
–Custom plugins
–SEO best practices
–HTML, CSS, JavaScript
team and creative credits
– Agencies: Punto Reactivo & Dalton
– Design: Dalton
Hands-On Involvement
I led the front-end development for the Honda and Hyundai websites, translating detailed UI designs into responsive, pixel-accurate layouts across desktop and mobile. I was in charge of organizing and integrating extensive technical data for each vehicle—such as trims, specs, and pricing—ensuring a clear and user-friendly structure.
Instead of relying on plugins, I collaborated with our systems engineer to hand-code custom layouts using raw HTML and CSS. This approach allowed us to meet strict brand requirements with high visual accuracy and optimal performance. I also contributed to technical SEO tasks and managed several QA and feedback cycles to refine the final product for a smooth launch.
Hands-On Involvement
I led the front-end development for the Honda and Hyundai websites, translating detailed UI designs into responsive, pixel-accurate layouts across desktop and mobile. I was in charge of organizing and integrating extensive technical data for each vehicle—such as trims, specs, and pricing—ensuring a clear and user-friendly structure.
Instead of relying on plugins, I collaborated with our systems engineer to hand-code custom layouts using raw HTML and CSS. This approach allowed us to meet strict brand requirements with high visual accuracy and optimal performance. I also contributed to technical SEO tasks and managed several QA and feedback cycles to refine the final product for a smooth launch.
Workflow
1. Brief & Guidelines Review
2. Content architecture
3. Front-End Development
4. SEO Optimization
5. QA & Iteration
7. Launch & Monitoring
Key challenges:
–Meeting tight deadlines under pressure.
–Ensuring responsive consistency across devices.
–Managing large volumes of content with precision.
–Applying technical SEO standards across multiple sites simultaneously.
Impact and results:
Both websites were launched successfully within the expected timeline, offering users a clean, modern, and responsive experience. The design was faithfully translated into code, and performance was optimized across devices. Technical SEO efforts helped improve search engine rankings in the weeks following launch, contributing to greater online visibility for both brands.
Key challenges:
–Meeting tight deadlines under pressure.
–Ensuring responsive consistency across devices.
–Managing large volumes of content with precision.
–Applying technical SEO standards across multiple sites simultaneously.
Impact and results:
Both websites were launched successfully within the expected timeline, offering users a clean, modern, and responsive experience. The design was faithfully translated into code, and performance was optimized across devices. Technical SEO efforts helped improve search engine rankings in the weeks following launch, contributing to greater online visibility for both brands.
What came to life
Comments are closed