Loading ...

Responses by Louis Ansa

Background: I remember working on my first portfolio back in 2014, having just graduated from Gobelins, L’École de L’Image and wanting to show the world how far I could go in terms of animation. Now that I have a bit more experience as a graphic designer and art director, my projects are talking for themselves and users focus more on the content than on the cover. While I enjoyed working on the small details, I wanted to design something clear and simple for my new online portfolio.

Highlights: The main concept of the site is the number 3. I used repetition to animate elements of the site. The intro animation displays three rectangles back to back. The main project list features the same image three times and, of course, the type animation has some letters animating three times as well.

Favorite details: The small interface animations, such as the arrow cursor or the loading cursor. While it took me the least amount of time to design, it was the feature that made me the happiest.

Challenges: Designing a portfolio is always a struggle when it comes to gathering and sorting out project content. I spent hours and hours exporting and modifying my previous projects for the case studies. Developer Bapitste Briel and I also spent some time tweaking and perfecting timings and easings for interface animation. Also, as we were both working full-time in agencies, creating my portfolio took us ages.

Technical features: We used Backbone.js as a base framework, Tweenmax as an animating library, three.js for WebGL elements and the Bodymovin plugin to export animations from After Effects to the Javascript canvas.

louisansa.com

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In