Kenworth 100 Timeline 2022
Kenworth celebrated their 100 year anniversary and wanted deliberate content on their website to celebrate the occasion. This consisted of a microsite that included; 100 year anniversary book, 100 stories/videos, 100 year merchandise, a Kenworth Kids section and a timeline.
My main focus was to create a mockup and design an interactive timeline.
Kenworth wanted a timeline that was dynamic and engaging. I designed the timeline based on their iconic “bug” and used the shape to create racing stripes and milestones. I animated the interaction on Adobe XD and shared it with the client.
With their enthusiastic approval with the prototype, I worked closely with development giving them guidance to match the vision we sold the client.
As you move down the timeline, each year would slide in alternating from left to right while the timeline remains in the center. I designed the racing stripe to have a fade out to show Kenworth has much more to offer in the coming years and the road ahead.
Desktop Experience
Mobile Experience
For the mobile, I simplified the experience by keeping the timeline racing stripe to the left and had images and copy to the right We also kept a progress bar for both mobile and desktop for users to see their progression in the timeline.