Our WorkTopsoe Website
Topsoe are global leaders in developing solutions for a decarbonized world. We came in at the build stage to rapidly conceptualise, validate, and prepare new designs with the updated branding for handover to the development team.
Service
UI design
Team
UI designers
Project manager
Project manager
Attention to detail was crucial, as we were highly focused on faithfully applying the new branding to the responsive web templates and ensuring the brand could visually translate, move, and scale in the world of the responsive web while maintaining the key tenets of usability. Every line, letter, and layout mattered.
We used the following disciplines:
UI design
;'%3E%3Cdefs%3E%3CclipPath id='__lottie_element_952'%3E%3Crect width='96' height='138' x='0' y='0'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23__lottie_element_952)'%3E%3Cg transform='matrix(0.5912200212478638,0,0,0.300029993057251,60.877723693847656,106.34459686279297)' opacity='1' style='display: block;'%3E%3Cg opacity='1' transform='matrix(1,0,0,1,-20.895000457763672,86.76599884033203)'%3E%3Cpath fill='rgb(219,219,219)' fill-opacity='1' d=' M0,-7.765500068664551 C12.200024604797363,-7.765500068664551 22.105499267578125,-4.2857794761657715 22.105499267578125,0 C22.105499267578125,4.2857794761657715 12.200024604797363,7.765500068664551 0,7.765500068664551 C-12.200024604797363,7.765500068664551 -22.105499267578125,4.2857794761657715 -22.105499267578125,0 C-22.105499267578125,-4.2857794761657715 -12.200024604797363,-7.765500068664551 0,-7.765500068664551z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg transform='matrix(1.7999999523162842,0,0,1.7999999523162842,-9.25,-10.632757186889648)' opacity='1' style='display: block;'%3E%3Cg opacity='1' transform='matrix(1,0,0,1,32,30)'%3E%3Cpath fill='rgb(249,232,95)' fill-opacity='1' d=' M0,-18 C8.166000366210938,-18 15.107000350952148,-12.48900032043457 17.288000106811523,-5.001999855041504 C17.42099952697754,-4.546999931335449 8.704999923706055,0.9660000205039978 8.704999923706055,0.9660000205039978 C8.704999923706055,0.9660000205039978 6.690999984741211,-5.191999912261963 6.690999984741211,-5.191999912261963 C6.690999984741211,-5.191999912261963 1.6390000581741333,-8.559000015258789 1.6390000581741333,-8.559000015258789 C1.6390000581741333,-8.559000015258789 -4.047999858856201,-7.433000087738037 -4.047999858856201,-7.433000087738037 C-4.047999858856201,-7.433000087738037 -7.381999969482422,-3.375 -7.381999969482422,-3.375 C-7.381999969482422,-3.375 -7.841000080108643,1.3020000457763672 -7.841000080108643,1.3020000457763672 C-7.841000080108643,1.3020000457763672 -6.111000061035156,5.2220001220703125 -6.111000061035156,5.2220001220703125 C-6.111000061035156,5.2220001220703125 -11.607999801635742,14.871999740600586 -14.857999801635742,10.128999710083008 C-16.839000701904297,7.238999843597412 -18,3.747999906539917 -18,0 C-18,-9.899999618530273 -9.899999618530273,-18 0,-18z'%3E%3C/path%3E%3C/g%3E%3Cg opacity='1' transform='matrix(1,0,0,1,31.600000381469727,28.700000762939453)'%3E%3Cpath fill='rgb(244,108,236)' fill-opacity='1' d=' M17.899999618530273,-4.89900016784668 C16.399999618530273,-9.598999977111816 13.199999809265137,-13.49899959564209 8.800000190734863,-15.699000358581543 C-0.6000000238418579,-20.299999237060547 -12,-16.5 -16.600000381469727,-7.099999904632568 C-18.799999237060547,-2.5999999046325684 -19.200000762939453,2.500999927520752 -17.600000381469727,7.301000118255615 C-16,12.00100040435791 -12.699999809265137,15.901000022888184 -8.300000190734863,18.200000762939453 C-5.599999904632568,19.60099983215332 -2.700000047683716,20.301000595092773 0.30000001192092896,20.301000595092773 C9.899999618530273,20.301000595092773 18,13 19.100000381469727,3.4000000953674316 C19.200000762939453,0.6000000238418579 18.799999237060547,-2.1989998817443848 17.899999618530273,-4.89900016784668z M10.600000381469727,-3.4000000953674316 C10.600000381469727,-3.4000000953674316 12.600000381469727,-5.400000095367432 12.600000381469727,-5.400000095367432 C13,-5.801000118255615 13.600000381469727,-5.801000118255615 14,-5.400000095367432 C14.399999618530273,-5 14.399999618530273,-4.39900016784668 14,-3.999000072479248 C14,-3.999000072479248 12,-1.9989999532699585 12,-1.9989999532699585 C11.600000381469727,-1.5989999771118164 11.100000381469727,-1.5989999771118164 10.699999809265137,-1.9989999532699585 C10.199999809265137,-2.299999952316284 10.199999809265137,-2.9000000953674316 10.600000381469727,-3.4000000953674316 C10.5,-3.3010001182556152 10.600000381469727,-3.3010001182556152 10.600000381469727,-3.4000000953674316z M4.599999904632568,-11.399999618530273 C5,-11.800999641418457 5.599999904632568,-11.800999641418457 6,-11.399999618530273 C6,-11.399999618530273 8,-9.300999641418457 8,-9.300999641418457 C8.399999618530273,-8.899999618530273 8.399999618530273,-8.300999641418457 8,-7.900000095367432 C7.800000190734863,-7.699999809265137 7.5,-7.599999904632568 7.300000190734863,-7.599999904632568 C7,-7.599999904632568 6.800000190734863,-7.699999809265137 6.599999904632568,-7.900000095367432 C6.599999904632568,-7.900000095367432 4.599999904632568,-9.99899959564209 4.599999904632568,-9.99899959564209 C4.199999809265137,-10.49899959564209 4.300000190734863,-11.100000381469727 4.599999904632568,-11.399999618530273z M0.4000000059604645,-5.198999881744385 C1.399999976158142,-5.198999881744385 2.4000000953674316,-4.999000072479248 3.299999952316284,-4.499000072479248 C4.900000095367432,-3.799999952316284 6,-2.3989999294281006 6.5,-0.6990000009536743 C7,0.9010000228881836 6.900000095367432,2.700000047683716 6.199999809265137,4.301000118255615 C5.5,5.901000022888184 4.099999904632568,7.000999927520752 2.4000000953674316,7.500999927520752 C-1,8.60099983215332 -4.699999809265137,6.800000190734863 -5.800000190734863,3.4000000953674316 C-6.300000190734863,1.7999999523162842 -6.199999809265137,0 -5.5,-1.600000023841858 C-4.800000190734863,-3.200000047683716 -3.4000000953674316,-4.301000118255615 -1.7000000476837158,-4.801000118255615 C-1.100000023841858,-5.099999904632568 -0.4000000059604645,-5.198999881744385 0.4000000059604645,-5.198999881744385z M-5.400000095367432,-10.399999618530273 C-5.400000095367432,-10.399999618530273 -3.4000000953674316,-12.399999618530273 -3.4000000953674316,-12.399999618530273 C-3,-12.800999641418457 -2.4000000953674316,-12.800999641418457 -2,-12.399999618530273 C-1.600000023841858,-12 -1.600000023841858,-11.39900016784668 -2,-10.99899959564209 C-2,-10.99899959564209 -4,-8.99899959564209 -4,-8.99899959564209 C-4.400000095367432,-8.598999977111816 -4.900000095367432,-8.598999977111816 -5.300000190734863,-8.99899959564209 C-5.800000190734863,-9.39900016784668 -5.800000190734863,-10 -5.400000095367432,-10.399999618530273 C-5.400000095367432,-10.300999641418457 -5.400000095367432,-10.399999618530273 -5.400000095367432,-10.399999618530273z M-12.300000190734863,-3.999000072479248 C-12.699999809265137,-4.39900016784668 -12.699999809265137,-5 -12.399999618530273,-5.400000095367432 C-12.100000381469727,-5.801000118255615 -11.399999618530273,-5.800000190734863 -11,-5.499000072479248 C-11,-5.499000072479248 -10.899999618530273,-5.400000095367432 -10.899999618530273,-5.400000095367432 C-10.899999618530273,-5.400000095367432 -8.899999618530273,-3.4000000953674316 -8.899999618530273,-3.4000000953674316 C-8.5,-3 -8.5,-2.3989999294281006 -8.899999618530273,-1.9989999532699585 C-9.100000381469727,-1.7999999523162842 -9.399999618530273,-1.6990000009536743 -9.600000381469727,-1.6990000009536743 C-9.899999618530273,-1.6990000009536743 -10.100000381469727,-1.7999999523162842 -10.300000190734863,-1.9989999532699585 C-10.300000190734863,-1.9989999532699585 -12.300000190734863,-3.999000072479248 -12.300000190734863,-3.999000072479248z M-12.699999809265137,7.301000118255615 C-13.199999809265137,7.301000118255615 -13.699999809265137,6.801000118255615 -13.699999809265137,6.301000118255615 C-13.699999809265137,6.10099983215332 -13.600000381469727,5.801000118255615 -13.399999618530273,5.60099983215332 C-13.399999618530273,5.60099983215332 -11.399999618530273,3.6010000705718994 -11.399999618530273,3.6010000705718994 C-11.100000381469727,3.200000047683716 -10.5,3.200000047683716 -10.100000381469727,3.6010000705718994 C-9.699999809265137,4.000999927520752 -9.699999809265137,4.599999904632568 -10.100000381469727,4.900000095367432 C-10.100000381469727,4.900000095367432 -12.100000381469727,6.900000095367432 -12.100000381469727,6.900000095367432 C-12.100000381469727,7.198999881744385 -12.399999618530273,7.301000118255615 -12.699999809265137,7.301000118255615z'%3E%3C/path%3E%3C/g%3E%3Cg opacity='1' transform='matrix(1,0,0,1,37,40.599998474121094)'%3E%3Cpath fill='rgb(249,232,95)' fill-opacity='1' d=' M13,-0.6000000238418579 C11,3.200000047683716 6.199999809265137,7.099999904632568 2,8.399999618530273 C-2.299999952316284,9.798999786376953 -9.100000381469727,9.399999618530273 -13,7.400000095367432 C-13.5,7.099999904632568 -14.5,4.699999809265137 -15,4.400000095367432 C-13.5,4.400000095367432 -10.699999809265137,3.5 -10.800000190734863,0.29899999499320984 C-10.800000190734863,-2.0999999046325684 -5.099999904632568,-3.0989999771118164 -2.700000047683716,1.2009999752044678 C-1.100000023841858,3.9010000228881836 7.400000095367432,2.5 7.099999904632568,-6.099999904632568 C7,-9.100000381469727 10.300000190734863,-9.800000190734863 11.5,-7.400000095367432 C12.699999809265137,-5.099999904632568 14.399999618530273,-5.5 15,-5.599999904632568 C14.699999809265137,-4.599999904632568 13.5,-1.600000023841858 13,-0.6000000238418579z'%3E%3C/path%3E%3C/g%3E%3Cg opacity='1' transform='matrix(1,0,0,1,32,30)'%3E%3Cpath fill='rgb(194,45,185)' fill-opacity='1' d=' M0,20.899999618530273 C-11.5,20.899999618530273 -20.899999618530273,11.50100040435791 -20.899999618530273,0.0010000000474974513 C-20.899999618530273,-11.49899959564209 -11.5,-20.899999618530273 0,-20.899999618530273 C11.5,-20.899999618530273 20.899999618530273,-11.49899959564209 20.899999618530273,0.0010000000474974513 C20.899999618530273,11.50100040435791 11.5,20.899999618530273 0,20.899999618530273z M0,-17.899999618530273 C-9.899999618530273,-17.899999618530273 -17.899999618530273,-9.89900016784668 -17.899999618530273,0.0010000000474974513 C-17.899999618530273,9.899999618530273 -9.899999618530273,17.899999618530273 0,17.899999618530273 C9.899999618530273,17.899999618530273 17.899999618530273,9.899999618530273 17.899999618530273,0.0010000000474974513 C17.899999618530273,-9.89900016784668 9.899999618530273,-17.899999618530273 0,-17.899999618530273z M0,7.000999927520752 C-3.9000000953674316,7.000999927520752 -7,3.8010001182556152 -7,0.0010000000474974513 C-7,-3.8989999294281006 -3.799999952316284,-6.999000072479248 0,-6.999000072479248 C3.9000000953674316,-6.999000072479248 7,-3.7990000247955322 7,0.0010000000474974513 C7,3.9000000953674316 3.9000000953674316,7.000999927520752 0,7.000999927520752z M0,-3.999000072479248 C-2.200000047683716,-3.999000072479248 -4,-2.1989998817443848 -4,0.0010000000474974513 C-4,2.2009999752044678 -2.200000047683716,4.000999927520752 0,4.000999927520752 C2.200000047683716,4.000999927520752 4,2.2009999752044678 4,0.0010000000474974513 C4,-2.1989998817443848 2.200000047683716,-3.999000072479248 0,-3.999000072479248z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E)