Communica
Visual Design / UI&UX
Working with the Kone Marketing team as Lead Web Designer I was in charge of the look and feel of the Communica website.
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/215fbb6d-072e-4f2d-ae39-07847f130bb2_rw_1920.png?h=693648d27b39bcc8de47b6cc1055c267)
Home page mockup
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/4fd5d10e-62fe-4da8-8ddd-44fbafbdfeac_rw_1920.png?h=9d4a6c04ff594c072c53b62340a21cf0)
Navigation Closed
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/d3b07cbb-bd33-4b35-a195-6e9b8e009656_rw_1920.png?h=943848a49d7c2aa62b2895f5495a4aeb)
Navigation Open
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/8f6ce979-84df-4a31-a660-64ff1937d527_rw_1920.png?h=eff98de72383a2f5f55de0838c7a5650)
Team mockup
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/43928ecf-288d-4292-b109-e03028bd8414_rw_1920.png?h=3c5515547b9496913c7d355a04ba0cd0)
Organization chart
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/0453bccc-9c94-467f-a713-4f90cbcf19ef_rw_1920.png?h=4f3bae9f7c1644902374d2acffa5d06c)
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/3852099e-1739-4d37-b1e8-823c2558b9cf_rw_1920.png?h=a13a32e1564953f33e1dd881ed0c848a)
Communica timeline graph
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/6b770629-c51f-4fd1-9d20-453ca63a155f_rw_1920.png?h=e1f288b3c2e420d018ba3c2d05fd2705)
Featured work map mockup
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/bc3e59be-0795-4fa6-bf0f-fbbe6e0d2db5_rw_1920.png?h=32862381c73b0c71deb90481219bf194)
Featured work case study mockup
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/712bb340-6df9-45dc-b172-7a9950cb0779_rw_1920.png?h=2965aa2f64b9e61964633ac6ddccc43a)
Careers archive page mockup
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/f7f292b2-cc30-4750-831b-69137e36c709_rw_1920.png?h=d594e1e4d0655dcf78cf245ea2c6f9ff)
Careers single page mockup
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/a864c3a4-ed4c-4caa-9a67-50f633d3bf93_rw_1920.png?h=ef7d99953192df273e150f4be651d60f)
![](https://cdn.myportfolio.com/5348516e-aef5-4188-89a3-2136a0595b67/f9401843-b999-4ca4-b709-f19651a6d1c8_rw_1920.png?h=3f334d4792951cdd54774f673c9a1ca6)
Styleguide
Tools and software used:
Adobe Photoshop
Adobe Illustrator
Adobe Illustrator