The original site structure was complicated and cluttered. So that we revised the grouping of the content and functions and distributed them into several sections. Those section we designed as landing pages.
At the beginning
The original site structure was like this – complicated and with multiple sub-sections
And that's what happened
The structure was reduced to 4 key sections: Media, Career, CSR and Production. The home page and each section page is designed as a landing to motivate the visitor to learn more details and get deeper.
We used the long-scroll pattern as the basic тфмшпфешщт principle - this is one of the typical navigation patterns for mobile devices that migrated to the web.
Such an approach requires a high quality of material to engage users. But 1+1 Media took this challenge with us.
The page size increased, so that we added a side panel with anchors to speed-up the transitions between sections of information.
For the different departments we created an animated illustrations and added a funny hover for portraits of top management ;)
Internal pages of channels and services organized by widgets and therefore can be modified through the control panel. Video player is a custom-html-built with priority for high quality video, so that the content always looks exemplary.
Site is responsive but we created a special experience for mobile users, as the site behaves as a native application - interactive and dynamic.
"The new site united the interests of our direct customers and company's stakeholders. Aurocraft made it with love & passion!"
The site is built on a SPA-architecture, as a one-page application with a widget content management structure.
We used vue.js ss the front-end of the framework and node.js express-framework for the back-end. Client-server interactions are built on RESTful-principles.
We are especially proud of the minimalistic aesthetics of the control panel and happy that it looks attractive and understandable for numerous content managers :P
The updated site has become much more popular!
The client received + 28% of new sessions from the PC and 18% from mobile devices, and direct traffic grew by 22% (as of April 2017 and in comparison with the same period in 2016).
Also site started to load 6% faster than the original version.