[vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »full_width » angled_section= »no » text_align= »left » background_image_as_pattern= »without_pattern » css_animation= » » bg_type= »grad » css= ».vc_custom_1470053982427{padding-top: 250px !important;padding-right: 30px !important;padding-bottom: 50px !important;padding-left: 30px !important;background-color: #1b1d22 !important;} » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, #1B1D22), color-stop(100%, #343842));background: -moz-linear-gradient(top,#1B1D22 54%,#343842 100%);background: -webkit-linear-gradient(top,#1B1D22 54%,#343842 100%);background: -o-linear-gradient(top,#1B1D22 54%,#343842 100%);background: -ms-linear-gradient(top,#1B1D22 54%,#343842 100%);background: linear-gradient(top,#1B1D22 54%,#343842 100%); »][vc_column width= »1/4″][vc_raw_html]JTNDc3R5bGUlM0UlMEElMjNwYXJ0aWNsZS1jYW52YXMlMjAlN0IlMEElMjAlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUwQSUyMCUyMGhlaWdodCUzQSUyMDUwMHB4JTNCJTBBJTdEJTBBJTNDJTJGc3R5bGUlM0UlMEElMjAlM0NkaXYlMjBpZCUzRCUyMnBhcnRpY2xlLWNhbnZhcyUyMiUzRSUzQyUyRmRpdiUzRSUwQSUwQSUyMCUyMCUyMCUyMCUzQ3NjcmlwdCUyMHR5cGUlM0QlMjJ0ZXh0JTJGamF2YXNjcmlwdCUyMiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGcmF3Z2l0LmNvbSUyRkp1bGlhbkxhdmFsJTJGY2FudmFzLXBhcnRpY2xlLW5ldHdvcmslMkZtYXN0ZXIlMkZwYXJ0aWNsZS1uZXR3b3JrLm1pbi5qcyUyMiUzRSUzQyUyRnNjcmlwdCUzRSUwQSUyMCUyMCUyMCUyMCUzQ3NjcmlwdCUyMHR5cGUlM0QlMjJ0ZXh0JTJGamF2YXNjcmlwdCUyMiUzRSUwQSUwQXZhciUyMG9wdGlvbnMlMjAlM0QlMjAlN0IlMEElMjAlMjAlMjAlMjBwYXJ0aWNsZUNvbG9yJTNBJTIwJTI3JTIzZmZmJTI3JTJDJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwaW50ZXJhY3RpdmUlM0ElMjB0cnVlJTJDJTBBJTIwJTIwJTIwJTIwc3BlZWQlM0ElMjAlMjdmYXN0JTI3JTJDJTBBJTIwJTIwJTIwJTIwZGVuc2l0eSUzQSUyMCUyN21lZGl1bSUyNyUwQSU3RCUzQiUwQXZhciUyMHBhcnRpY2xlQ2FudmFzJTIwJTNEJTIwbmV3JTIwUGFydGljbGVOZXR3b3JrJTI4ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQlMjglMjdwYXJ0aWNsZS1jYW52YXMlMjclMjklMkMlMjBvcHRpb25zJTI5JTNCJTBBJTBBc2V0VGltZW91dCUyOGZ1bmN0aW9uJTI4JTI5JTdCJTBBalF1ZXJ5JTI4JTI3JTIzcGFydGljbGUtY2FudmFzJTI3JTI5LmZpbmQlMjglMjdkaXYlMjclMjkuZmlyc3QlMjglMjkuY3NzJTI4JTdCJTI3YmFja2dyb3VuZCUyNyUzQSUyN3RyYW5zcGFyZW50JTI3JTdEJTI5JTBBJTdEJTJDMjAwJTI5JTBBJTIwJTIwJTIwJTIwJTNDJTJGc2NyaXB0JTNFJTBBJTBB[/vc_raw_html][/vc_column][vc_column width= »1/2″][vc_row_inner row_type= »row » type= »full_width » text_align= »left » css_animation= » »][vc_column_inner]

Our work for

[vc_single_image image= »921″ img_size= »medium » qode_css_animation= » » css= ».vc_custom_1470054329183{padding-top: 25px !important;} »][vc_column_text css= ».vc_custom_1470750912806{padding-top: 15px !important;} »]

METRON is a French startup focused on Energy Intelligence for the industry. Its innovative platform uses leading-edge technologies for the companies to manage and maximise their energy consumptions.

In order to reach international clients, METRON entrusted us with the creation of a multilingual website, using a responsive design approach. After many exchanges and a significant amount of researches, we elaborated first thing a storytelling strategy to answer their need: making their technical speech accessible to all without losing any sense or scientific veracity.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/4″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »full_width » angled_section= »no » text_align= »left » background_image_as_pattern= »without_pattern » css_animation= » » bg_type= »image » parallax_style= »vcpb-default » bg_image_repeat= »no-repeat » bg_override= »ex-full » css= ».vc_custom_1470055641670{background-color: #f4f4f4 !important;} »][vc_column][vc_single_image image= »917″ img_size= »full » alignment= »center » qode_css_animation= »element_from_fade » css= ».vc_custom_1470054120692{background-color: #f4f4f4 !important;} »][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »full_width » angled_section= »no » text_align= »left » background_image_as_pattern= »without_pattern » css_animation= » » css= ».vc_custom_1470061154947{padding-right: 30px !important;padding-bottom: 100px !important;padding-left: 30px !important;background-color: #f4f4f4 !important;} »][vc_column width= »1/4″][/vc_column][vc_column width= »1/2″][vc_column_text css= ».vc_custom_1470751106028{padding-top: 50px !important;} »]

Then, Tro4 took care of the creation of METRON visual identity and design style guide while complying with an existing logo. We also invented a whole iconographic manual to illustrate several specific notions. Furthermore we turned complex data into intelligible charts and easily read diagram, some of them in motions.

At last but not least, we have been asked to create and print a roll up banner that is to be used in shows and exhibitions to underline METRON innovative approach.

[/vc_column_text][/vc_column][vc_column width= »1/4″][/vc_column][/vc_row][vc_row row_type= »row » use_row_as_full_screen_section= »no » type= »full_width » angled_section= »no » text_align= »left » background_image_as_pattern= »without_pattern » padding_top= »0″ padding_bottom= »0″ css_animation= » » css= ».vc_custom_1470055612680{padding-top: 100px !important;padding-bottom: 0px !important;background-color: #f4f4f4 !important;} »][vc_column][vc_single_image image= »924″ img_size= »full » qode_css_animation= » » css= ».vc_custom_1470055454423{background-color: rgba(255,255,255,0.01) !important;*background-color: rgb(255,255,255) !important;} »][/vc_column][/vc_row]