E-commerce
Clarity around integrations, carriers, automation and tracking.
All projects
Logistics · Digital Brand Experience
Alfred24
Designing a connected brand experience across web, motion and physical communication.
A logistics and technology ecosystem communicated through product websites, digital campaigns, 2D motion content and physical materials for partners, events and local activations.
- Role
- Digital & Product Designer
- Industry
- Logistics / E-commerce Technology
- Platforms
- Web + Motion + Print
- Product
- Shipping software, delivery network and smart lockers
- Scope
- Website design, WordPress, visual communication, illustration, motion design and campaign materials
- Touchpoints
- Websites, social content, video, print, events and partner communication
Product Ecosystem
One logistics ecosystem across software, delivery and physical infrastructure.
Alfred24 combined a digital shipping platform, a physical delivery and pickup-point network, and smart-locker technology. The design challenge was to communicate that mixed ecosystem clearly without presenting each service as an unrelated offer.
Shipping Software
OrdersCarriersTrackingIntegrationsAutomationShipping dashboard
Delivery Network
Pickup pointsReturnsLast mileLocal partnersCustomer delivery
Alfred24 ecosystem
Software, delivery infrastructure and physical access points presented as one connected offer.
Smart Lockers
HardwareAccessPickupReturnsMobile interactionPhysical communication
Audiences
E-commerce businessesMerchantsPickup-point partnersCarriersFinal customers
The Challenge
Making logistics understandable without simplifying its value.
The communication system had to speak to different audiences at once: e-commerce businesses, merchants, pickup-point partners, logistics partners, final customers, event visitors and local businesses. Each audience needed a clear entry point while still recognizing the same Alfred24 ecosystem.
Partners
Pickup operations, local-network value and earning potential.
Customers
Delivery, access, returns and convenience explained without friction.
Event audiences
Fast visual communication for physical environments and commercial conversations.
Website Ecosystem
Different product stories within one digital experience.
The website work translated logistics software, delivery infrastructure, smart lockers and company storytelling into a set of connected product pages with a consistent visual rhythm.
Scroll to explore
Scroll to explore
Scroll to explore
Scroll to explore
Visual System
Different products, one recognisable visual language.
The work used a modular visual communication system rather than isolated campaign graphics. Color, typography, illustrations, rounded forms, proof points and icon patterns helped connect web pages, motion pieces, social materials and printed collateral.
Foundations
Deep blueTurquoiseLight lilacWhite spaceBold condensed headingsRounded shapes
Illustration
CharactersVehiclesMapsLockersPackagesTechnology scenarios
Information
IconsNumeric proof pointsInfographicsBenefitsProcess explanationsCTAs
Applications
WebsiteSocial contentMotionBrochuresFlyersEvents and stands
Illustration
A reusable illustrated world for logistics and technology.
Illustrations made the logistics ecosystem easier to explain: vehicles, lockers, maps, packages, partners and customer scenarios could be recombined across website sections, campaign visuals and physical materials.
Motion Design
Explaining logistics through movement.
Motion extended the same brand language into lightweight animated explainers and loops. The goal was not decoration; it was to make software, delivery, lockers and service relationships easier to understand.
Click to load video
Feature motion piece with normal controls and audio available after user interaction.
Loading motion loop
Silent ambient carousel loop for motion-system examples.
Loading motion loop
Muted wide-format ambient loop for product communication.
Movement with Purpose
Animations were used to clarify delivery flows, product benefits and connected service relationships.
Reusable Assets
Characters, vehicles, shapes and icons could move across video, page and campaign contexts.
Consistent Language
The same visual grammar connected static pages, loops and longer explanatory motion pieces.
Campaign Communication
A flexible visual system for ongoing communication.
The same visual system supported campaign materials, social formats, product announcements and explanatory content without starting from a blank layout every time.
Adapt messaging by product line
Keep recognizable colors, shapes and icons
Move between digital campaigns and printed handouts
Give partners and event visitors a fast explanation path
Physical Touchpoints
Taking the digital identity into physical environments.
Alfred24's communication did not stop at the website. Brochures, flyers, QR-code journeys, partner material and local-event assets carried the same product language into commercial and physical contexts.
WordPress Delivery
Building a flexible publishing foundation.
The website was implemented in WordPress using reusable content structures that could support multiple product and service pages while preserving a consistent brand and communication language.
Shared foundations
A common visual and content language across the ecosystem.
Reusable content sections
Flexible blocks for explanations, benefits, proof points, CTAs and visuals.
Product-specific pages
Landing pages adapted for shipping software, pickup points, lockers and company story.
Campaign and editorial updates
A structure that supports ongoing publishing without redesigning every page.
Connected Experience
One brand moving across media.
The strongest value of the work was not a single page or asset. It was a reusable communication system that could move from discovery to product understanding, partner engagement, physical events and ongoing service relationships.
Discover
Website and social content
Understand
Landing pages, illustrations and motion
Engage
Campaigns, events and partner materials
Act
Registration, partner app, product discovery and support
Return
Ongoing communication and service relationship
My Ownership
Design responsibility across web, communication and motion.
My role focused on structuring the digital experience, designing product and service pages, creating visual communication assets, extending the illustration language and producing 2D motion content for the brand ecosystem.
Web
Website design, product/service landing pages, responsive layouts, WordPress-ready content structures and page hierarchy.
Visual Communication
Illustrations, infographics, campaign materials, social visuals, product explanations and printed assets.
Motion
2D animations, character/vehicle movement, animated explainers and reusable motion language for logistics storytelling.
Outcome
One coherent experience across digital and physical touchpoints.
The final work gave Alfred24 a clearer way to explain a complex logistics ecosystem across websites, service pages, motion assets, illustrated communication and printed materials.
Clarity
Complex logistics offers became easier to explain.
Consistency
Software, delivery and lockers shared one visual language.
Flexibility
Reusable modules supported pages, campaigns and print.
Reach
The system moved across web, video, social, events and partner communication.
Reflection
Brand systems become stronger when they are designed to move across media.
Alfred24 showed how a design system can be more than interface components. When product structure, illustration, motion and physical communication share the same language, a complex offer becomes easier to understand, easier to remember and easier to extend.
The project sits between product design and brand communication: it uses UX structure to clarify services, visual systems to create recognition, and motion/print to make the same story work outside the screen.
Digital Brand Experience
Next project: StellantisNeed one clear identity across products, content and touchpoints?
I help companies structure digital experiences, visual systems and communication assets across web, motion and physical media.