Responses by Michele Boldi, creative director, michbold
Background: Tirrena Scavi is an Italian construction company that has been operating in the emerging markets of Eastern Europe and Arab countries for more than 40 years, building large infrastructure and public works. Working with Italian designer Michela Chiucini, the site is the cornerstone of a wider strategy and traces the guidelines of an integrated communication that will be developed subsequently in a company profile and institutional video.
Highlights: We decided to illustrate every chapter of the site’s story with an animation depicting the main features of the section, in a material and metaphorical way. The visuals are deliberately informal and colorful to create distinction in a sector very committed to realist representations. We are very proud of the final result, and that we’re able to share a different vision from market clichés.
Challenges: We had two major challenges: build a story—both on the copy and art sides—and build it properly.
Time constraints: The client gave us ten weeks for the entire workflow—from rough concept to the final publication—but the process has been very fluid, considering all the technical aspects of the final development required a strong improvement in our skills.
Navigational structure: Since the website is based on storytelling, we wanted the default navigation to represent that in a very linear way. We also wanted to offer additional navigational clues by adding a top and a bottom arrow at the end of each animation. In terms of usability, there is also a push menu and a chapter index that serve as alternative navigation.
Technical features: We used the CMS from WordPress and customized it to make the client more comfortable with content editing and language management. All the chapter images are inline SVG, and animated and synchronized with Green Sock’s Tweenmax and a bit of CSS transitions.