CREO

Website for a Smartphone

herounit@3x-min.png

CREO is an ambitious smart devices company with a mission to create better experiences through hardware and software integration. Their first product, the Mark 1, is a smartphone that creates a unique Android experience by building features into the OS and constantly evolving it.

 

We worked with CREO to define the brand messaging (A New Phone Every Month) and build a website that allows a user to experience the product.

 

Our role involved defining the visual language for the brand on the web, creating a set of visual principles that governed the User Experience and the design of the website. We built the website to visually reflect the cutting-edge innovation ethos of the brand and make the smartphone stand out from the dozens of Android phones in the market.

 

The design was brought to life in code, through advanced animation techniques (JS and CSS) that made the phones on the website “float” – moving gently as the user scrolled.

 

Finally, the site was heavily optimized for performance – for hundreds of thousands of users, viewing it on different devices, with different levels of bandwidth.

1homepage.jpg
4camerapage.jpg
5allpages.jpg
6collage.jpg
7engraving.jpg
9explorations.jpg
10principles1.jpg

See the Pen CREO: Floating phones by Beard Design (@bearddesign) on CodePen.

See the Pen CREO: Falling phones by Beard Design (@bearddesign) on CodePen.

13principles2.jpg
14styleguide.jpg
173dphoto.jpg

See the Pen CREO: Interactive, 3D photos by Beard Design (@bearddesign) on CodePen.

See the Pen CREO: Slomo video by Beard Design (@bearddesign) on CodePen.

20shoppage.jpg
22404page.jpg