menu

HomeProjectsAboutNewsContact

Assassin’s Creed Origins: Panoramics

WEB DESIGN & Development

The beautiful world of Assassin’s Creed: Origins - in Panoramics.

Ancient Egypt is my favourite period of history. When I heard this game was coming out and I’d be able to freely walk through this ancient land, I had to get it.

Overview

The team over at Ubisoft did a sensational job of recreating 49 BC Egypt. It was absolutely breathtaking being able to explore the ancient ruins now lost to the sands of time. I love that they included a photo mode with the game and I have to admit I spent far more time taking photos than actually playing the game.

The game itself has the most interesting mechanics of all AC games to date and I always enjoying my time playing it. It’s a return to form for the series and my favourite one yet. The only problem is that I constantly stop to look at the amazing landscapes they created, meaning I just keep standing around taking photos!

I wrote a full article about the website I created where I go into more detail about the panoramics too, you can read it here: Read Medium article

quick jump

Click on a section to jump to:

websitepanoramics

website

To host all of the panoramics I took in game I decided to create a little website, which creatively was heavily inspired by the official Assassin’s Creed: Origins website’s art direction.

It made sense to try and match their website style so it felt like the photos truly belonged within the world created by the team of Assassin’s Creed: Origins. All credit of course goes to Ubisoft and the brilliant team behind the official website’s original artwork and style which inspired me to create this website.

You can visit the site here to view the approximately 100 (and counting) panoramics I have created.

Visit Panoramic website

luup gif

Website Animations

This was a really fun side project and I wanted to challenge myself to see if I could recreate the animations used throughout the official website by myself.

After a fair few hours I’m happy to say I finally figured out how to animate all the animations I wanted to use.

I animated the corner lines, logo fade in, as well as the hover animations on the cards (which proved very tricky, read more about it below).

There are also some animations of sand continuously sweeping across the entire page which might be hard to see in the gif so please make sure to check out the actual site!

luup gif

Hover Animations

This section was really challenging, both in terms of layout and the hover animations.

In reality you can’t have divs that are hexagonal in shape, so these are actually all square with the images within then carefully overlapped.

This solution makes the hover triggers a bit tricky as where the invisible square edges of divs overlap it stops you from interacting with parts of some of the shapes. However they still work really well.

It was a fun challenge that I spent probably far too long on.

Man your site is so cool. I just sent the site to the whole Ubisoft team, hope it won't explode! :P I am really happy to see that our world inspires also players in a creative way!
Raphael Lacoste - Assassin's Creed Series, Ubisoft Senior Art Director

Panoramics

Given I created the above website for the panoramics I stitched together from in game photos I took, I thought it would be good to display some of them here.

I worked on this game. I have the code in my editor right now. I've spent weeks of my life flying around with the eagle and I STILL can't believe how good these look.
Jan Goh - Assassin's Creed: Origins, Ubisoft Gameplay Programmer

Final words

Creating the panoramics website was a really fun side project and seeing how well they were received by gamers as well as the actual creators of the game at Ubisoft completely blew me away.

If you enjoyed reading about my little side project and find yourself in need of a designer, feel free to reach out to me here.