Overview
Modernization and feature development of an e-commerce platform specializing in reusable custom cups.
The project focused on improving the shopping experience through a front-end refactor, expanding the platform to support international shipping, and implementing custom delivery features. Alongside the technical improvements, the client experienced a noticeable increase in orders and was highly satisfied with the platform's overall performance.
Objectives
Modernize the user interface with the new visual identity.
Improve usability across the customer journey.
Expand shipping capabilities beyond France.
Streamline address and pickup point selection.
Optimize front-end performance and maintainability.
My Role
Front-end development
UI/UX implementation and refactoring
Checkout improvements
Shipping workflow implementation
Performance optimization
Integration of third-party logistics services
UX Challenges
Although the visual design remained unchanged, the interface required a significant usability overhaul.
The work focused on improving navigation, simplifying customer interactions, and reducing friction during checkout while preserving the existing branding.
Key improvements included:
More intuitive customer account interactions
Cleaner and more consistent UI components
Improved responsive layouts
Faster and smoother user flows
Enhanced checkout experience
Technical Challenges
Several features required custom implementations beyond the platform's default capabilities.
Key technical work included:
Extending the shipping system to support Belgium in addition to France
Implementing custom shipping rules and delivery methods
Building a custom address search modal within the customer account
Integrating a custom DPD Pickup Locker search modal for delivery point selection
Improving front-end architecture for easier maintenance and future development
Optimizing rendering performance throughout the storefront
Architecture
The project emphasized maintainable, reusable front-end development.
Key architectural improvements included:
Refactored reusable UI components
Cleaner code organization
Modular feature implementation
Improved maintainability
Performance-oriented front-end architecture
Tech Stack
Vue.js
Laravel
TypeScript
Custom API integrations
Responsive Design
Component-based architecture
DPD Pickup integration
Outcome
The project delivered a faster, smoother, and more reliable shopping experience while introducing new international shipping capabilities.
The client reported a measurable increase in orders following the release and expressed high satisfaction with both the platform's performance and the overall user experience.
What This Project Demonstrates
E-commerce front-end development
UI/UX refactoring without redesign
Checkout optimization
International shipping implementation
Third-party logistics integration (DPD Pickup)
Custom modal development
Performance optimization
Component-driven architecture
Building scalable and maintainable front-end applications
