00%

GoMovi Website Design

keyboard_arrow_down
Annotated diagram of the Movi cinema robot with its main features labeled

A website supporting the launch of a consumer level camera stabilizer for mobile phones.

Client: Freefly Systems

Sector: Consumer Electronics

Role: Design lead, copywriting, product branding

Challenge

Freefly makes professional camera robotics systems and heavy lift drones with prices starting in the thousands of dollars. This new product was under $300 and was targeted at social media creators, video enthusiasts, and film professionals who wanted to use their phones. We needed a mini site to launch the product and sell its many features and benefits.

Insight

The product isn’t easy to explain to someone new to ‘gimbals’ but it becomes instantly clear what it is and why you’d want one when you hold it in your hands. The site’s job was demonstration over explanation. We had to create a series of visualizations that help immerse the viewer in the product.

Solution

The site launched the product and became the hub for information, sales, and support. A video header opened the page with toggleable audio and seamless full screen. An interactive 3D section let visitors move the product with the mouse, with the phone holding steady, showing the stabilization rather than describing it. Other modules explained Freefly’s credibility and a wealth of information for a deep dive, all while being skimmable for the curious viewer, not quite ready to commit.

A man outdoors holding the Movi stabilizer with a phone mounted, filming at golden hour
Freefly's Tabb Firchau holding the Movi Cinema Robot.

The Landing Page

The gomovi.com website was at the center of the product announcement and continues to be the hub for product information, sales and support.

The Video Header

Our product videos are some of our most powerful tools for demonstrating what the Movi can do. Our video header was an essential aspect of the landing page. We wanted people to be able to toggle on audio and jump to full screen seamlessly.

Animated GoMovi site header of two friends filming themselves with Movi, over the tagline ready for anything

Explore Movi

This section is an interactive 3D rendering of the product. By moving the mouse, the user can animate the product. The phone portion stays stable, which helps to illustrate how any movement of the Movi itself is not translated to the phone/camera.

Animated exploded view of the Movi with its parts and features called out

Complete Landing Page

Here is a look at flattened version of the entire landing page.

GoMovi website, full-length screenshot 1 of 5: hero and the We shrunk a Hollywood camera crew section
GoMovi website, full-length screenshot 2 of 5: lifestyle sections on capturing your story anywhere
GoMovi website, full-length screenshot 3 of 5: Explore Movi features and a Silver Screen film section
GoMovi website, full-length screenshot 4 of 5: Shooting modes, a testimonial, and the product listing
GoMovi website, full-length screenshot 5 of 5: the Freefly site footer

Credit for this work goes to the entire creative team at Freefly. Hugh Bell and Tabb Firchau managed the project. I served as design lead. Copywriting was done by Tabb Firchau and myself. Design help, animations, and renderings were done by Brent McDowel. Product branding by Hugh Bell and myself. Web development and additional design support by Neil Palmer.

Thank you!