Have you visited Mekanism.com recently? If not, please do so now. Go ahead, I’ll be here waiting for you.
The photo shoot for the new site was held earlier this year when none of us knew how everything would come together besides our designer Liam Kaczmar, the mastermind behind this project. To really get a glimpse into the inspiration behind our new look, I sat down and talked with him and Sean Cosier our Creative Technologist.
Like many others, we adored our old quirky site with animations of Mekanistas doing strange things with weird props in a seemingly empty space, so Liam wanted to continue that theme and update it. He wanted to “create an alternate universe for Mekanism to exist in,” where we are “aliens who have landed in a foreign planet with strange ecosystems.”
When I asked Liam how he cast each page, he responded that, in some cases, certain coworkers immediately sprang to mind. Our New York office folks had to be in the same photo, but the end result is pretty darn dazzling (See the “End” of the main page. Scroll to the last slide).
Just like the old website, this new one is full of fun surprises. Look to the bottom of the “Work” tab for our frequent freelancer Mimi Cave, who also helped with the site.
For the technical aspect of the interactive site, I turned to our Creative Technologist, Sean Cosier. He explained that the new site uses the Parallax Effect, which enables users to see a 3D visual experience by layering images and having them move at different speeds and perspectives to create depth. The viewer can control the animations by scrolling the computer mouse or swiping on mobile devices such as smartphones and tablets. The old site was built in Flash and didn’t translate well on mobile devices. The production took six long months but the result is aesthetically stunning while maintaining user-friendly practicality.
Tell us in the comments how you’re liking our new look; otherwise we might call our mom and cry into the phone like Leona below. We love hearing from you!
Some pictures we love that didn’t make the cut: