ANNE MOREL Portfolio

UbisoftClub - Take A Tour

Date - December 2017
Role - UI Designer
Tools - Photoshop, Illustrator, After Effects

Designing the landing page of Ubisoft Club

The Ubisoft Club is a free to join loyalty rewards program that offers to members extra game content, limited edition goodies and discounts in the shop. As a UI designer assistant, I have worked closely with UX designers and the Creative team (Creative director, Art director) from Ubisoft Montreal in building the landing page of the website, which explains what is Ubisoft Club to new comers.


Following the new brand of Ubisoft Club, we had to integrate the new fonts and new colors.

Layered layout

The goal was to overlay the message on top of the image to create the impression of depth. This helps to draw the viewer into the image. By cutting out sections of the type, there is the illusion that the text is part of the image. This effect had to be done in the 12 locations the website has.

Using motion to promote features

The motion helps to increase the understanding of the content and it also illustrates the features the platform offers to its players. The illustration has been made by the Creative team based in Montreal but I was asked to animate them. The first illustration is about the Challenges features which allows the player to earn XP and gain positions in the global leaderboard. The second illustration is about the Rewards the player can win along the games and the last illustration is promoting Sam, Ubisoft Club's virtual assistant which has been released in April 2018.