Corporate website redesign with Next.js
Complete redesign of an international trading company's showcase website, from Odoo builder to a modern Next.js application.
Visual proof
Screenshots and demos from real projects.
Video hero and positioning
First viewport of the corporate site, built around a video background, clear messaging, and distribution/product-creation CTAs.
Partner brands showcase
Interactive section with distributed brand logos and draggable GSAP animation.
Retail distribution proof
Trust-building section focused on retail partners and commercial credibility.
Local hero rendering
Screenshot generated from the locally running corporate site to verify the real rendering.
Production Lighthouse audit
Production score: 99 performance, 100 accessibility, 96 best practices.
01
Presentation
1UP Distribution's corporate website was built with Odoo 16's website builder and was completely outdated, both in terms of design and performance/SEO. The new website was designed as an international corporate platform: 13 locales, key static pages, blog/careers via Sanity, video hero, brand and retail partner carousels, contact/application forms, JSON-LD, sitemap, hreflang, and legal compliance.
02
Objectives, context and stakes
The objective was a complete redesign: modern design, optimal performance, good SEO, responsive design, and a user experience that showcases the brands distributed by the company (Minix figurines, Nintendo plushes, Oniverse gaming accessories).
03
The steps — what I did
I worked solo as a developer, but in close collaboration with the company's graphic designers for mockups and the marketing team director for textual content. I also worked with the CEO to define the overall image to convey. Development was done with Next.js as the framework, GSAP for animations, and Tailwind CSS for styling.
04
The actors — interactions
Collaboration with the graphic/design team for mockups, the marketing director for content, and the CEO for vision and branding. Technical development was entirely my responsibility.
05
The results
The site represents a real positive change for the company's image. A Lighthouse audit run in production scores 99/100 performance, 100/100 accessibility, and 96/100 best practices. The site covers 13 locales and highlights strong commercial proof points: 35 covered countries, 5000+ stores, 120+ partner brands, and 25 years of experience.
06
After the project
Next steps are final site validation by management and production deployment. The site will continue to evolve with content and feature additions based on marketing needs.
07
My critical review
This project allowed me to give my personal touch to the company's image and story, which was an enriching experience. In terms of technical choices, the Next.js + GSAP stack proved relevant for this type of showcase site where animations and performance are key.