Surf the DreamJustin Avery

Work

Illustrated Animated Timeline

Using responsive SVG designs you can create a timeline that works for every device and brings your journey to life.

Last week we looked at Story line from SBS in Australia as an innovative way to share a story.

This week I wanted to share two approaches for a similar topic

  1. https://onemilliondevs.com/
  2. https://million-devs.netlify.com/

Both of these sites are celebrating one million developers on a particular platform.  

Link number #1 example could be recreated using just about any standard website theme. It uses a series of components which are laid out on a page in a way that you would most likely expect from a site.

Example 2 takes a similar topic but makes it all about the journey.

Option 2 is much more involved from a creative point of view

  • Custom illustrations for each milestone
  • Content written about each milestone
  • Animation of the different elements
  • Responsive, so the journey is just as enjoyable on the phone as it is on the desktop

It’s by far the more superior approach to telling a story. It also has a handy “Login with Netlify” button which will then plot when you first signed up with their services on their timeline.

This style of approach could be used for

  • Application process
  • Company history/timeline
  • Career path opportunities (especially for entry-level talent)
  • Internal Careers stories (you could link a logged-in employees start date and position changes from their HRIS system and map them against the company path)
  • You could integrate LinkedIn that maps a potential candidate Career moments against our clients milestone timeframes as well

Comments

Be the first to comment

Comments are read before they appear. Your email address is never shown.

    Type to search titles and full text. ↵ opens the full results page.