Recreated Mirrors Edge Catalyst's Website in Webflow

Community resources Show & Tell
1

http://mirrorsedge.webflow.io/

https://preview.webflow.com/preview/mirrorsedge?preview=f717f8e09a4f2ffe4573c88cec0103f4

I love the Mirrors Edge game series. After seeing the new E3 2015 trailer, I decided to recreate the new website in Webflow as practice.

Time lapse video:

Disclaimer
This is a non-functional fan-made concept prototype of MirrorsEdge.com built from scratch on webflow.com.

I have no affiliation with either EA or DICE.

My goal here is to practice with and show a little bit of potential of webflow’s tools.

8 Likes
2

Super nice. I like the slow Ken Burns-esque zoom movement on the scroll interactions. Nice to watch the timelapse as well @PixelGeek! Always impressed by your work.

1 Like
3

Thank you!

The ken burns effect was from the real website www.mirrorsedge.com

I just redid that easily using Webflow interactions :wink:

4

Great Stuff… Though your slide in animations for the sections were just a tee bit lengthy for natural viewing…
Other than A BIG THUMBS UP
I am new to webflow (although I have done some work in html) and this was a great confidence booster for me… How much time did this take?

5

Thanks for the feedback and WELCOME to the community! :smiley:

This took about 2 hours to do, Monday night.

6

Love it man. As a huge ME fan this is spot on to the real site. I’ve been thinking of getting my portfolio site up and running again using ME’s color palette and style. This gives me motivation.

1 Like
7

do it!!! always learn, always create.

1 Like
8

Deal! Btw, just saw your Webflow Staff label. Congrats on the hire.

9

many thanks! :smiley: been having a blast working with such an awesome team.

10

Big fan of the visuals in this game - Really great work. :slight_smile:

1 Like