Acme Website Designs in MotionBy Jen Chavarria
November 20, 2015
Motion in user interface design isn’t new, but it’s been a growing trend and is something all designers should make themselves familiar with. Using motion on a website, especially the homepage, engages the user and adds another element to the visitor’s experience. But remember, your clients don’t read code! Simplicity is key. Adding too many animations to your site can leave your visitor’s head spinning, but adding subtle features such as moving backgrounds, roll down navigations and transitions can enhance user experience.
Acme-world.com is a great example of a site that uses subtle motion in web design. It uses full-page imagery with smooth movements and transitions between each page. When a new page loads, it opens up from the center and spreads to the outside of the browser. This subtle effect makes the user feel as if they are actually interacting with the screen, rather than simply clicking a button. Additional content fades in as you scroll down the page and hover over any services that will pop out, inviting you to click on them. Unlike many of their industrial solution firm competitors, Acme World delivers their information and products creatively and aesthetically.
Another great feature on Acme World is their the Contact Us page. It demonstrate that a contact page doesn’t have to follow the typical template—address, phone number, directions, a contact name and a photo. This is the last chance on your site to get visitors to reach out to you and learn more about your services. Acme World created a locations landing page that also offers users a contact form inviting them to “Get in touch.” Their contact information is clearly displayed and links to Google Maps show their exact location.