![The Koda staff site full length view](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda4-2800x1575.jpg 2800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda4-300x169.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda4-1024x576.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda4-1800x1013.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda4-1200x675.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda4-400x225.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda4-32x18.jpg 32w)
Digital Estate
Koda Staff wanted a clear and UX focused website that would allow users to quickly and easily navigate the site. To do this, the Framework development team built a site that supported structured user journeys and ensured that the page speed was optimised to give the user a fast and slick experience. The team used Tailwind CSS framework which allows unique custom designs to be created easily. The site was given a custom preloader using the Koda Staff logo and mark to help create a visually appealing experience.
![A screen shot of the Netherlands office details for Koda](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda13.jpg 1044w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda13-300x300.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda13-1024x1024.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda13-150x150.jpg 150w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda13-400x400.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda13-32x32.jpg 32w)
![Koda illustration](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda3-2.jpg 1044w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda3-2-300x300.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda3-2-1024x1024.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda3-2-150x150.jpg 150w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda3-2-400x400.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda3-2-32x32.jpg 32w)
![The application page on the Koda staff site](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda1.jpg 1044w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda1-300x300.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda1-1024x1024.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda1-150x150.jpg 150w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda1-400x400.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda1-32x32.jpg 32w)
Javascript packages were used to create eye-catching animations, such as animations of words typing and backspacing which can be seen at the top of the pages. These aspects enabled the Koda Staff website to provide a unique and eye-catching experience, whilst also allowing the user to quickly and easily navigate the site.
![A man sitting on a sofa and smiling](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda21-2800x1716.jpg 2800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda21-300x184.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda21-1024x628.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda21-1800x1103.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda21-1200x736.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda21-400x245.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda21-32x20.jpg 32w)
Illustrations
Koda Staff wanted to utilise illustrations on their website to give it a more human feel. They wanted illustrations to help them connect with website users and tell more of a story about their business and the way it is run. Koda Staff already had an established brand that they wanted to ensure was shining through on their new website and so the Framework Design team had to make sure that they were emulating that style.
![Koda illustrsyion showing a filing cabinet, laptop, and pot plant](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda2-1200x1200.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda2-300x300.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda2-1024x1024.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda2-150x150.jpg 150w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda2-400x400.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda2-32x32.jpg 32w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda2.jpg 1596w)
![Colourful illustration of a wall chart, small screen and a large pot plant](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda14-1-1200x1200.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda14-1-300x300.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda14-1-1024x1024.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda14-1-150x150.jpg 150w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda14-1-400x400.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda14-1-32x32.jpg 32w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda14-1.jpg 1596w)
![A mobile view of the Koda staff website](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda11.jpg 1100w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda11-211x300.jpg 211w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda11-720x1024.jpg 720w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda11-400x569.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda11-32x45.jpg 32w)
![The Koda staff partner page](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda7.jpg 1100w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda7-211x300.jpg 211w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda7-720x1024.jpg 720w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda7-400x569.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda7-32x45.jpg 32w)
![A mobile view of the Koda staff website](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda10.jpg 1100w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda10-211x300.jpg 211w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda10-720x1024.jpg 720w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda10-400x569.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda10-32x45.jpg 32w)
The illustrations consisted of clean lines and bold colours, plants and people were included to give a sense of a relaxed and peaceful atmosphere, whilst computers and text bubbles were used to demonstrate productivity. Additionally, simple colourful icons were used to indicate success, phone calls, games and writing, and were used on the service page to help convey more information about the types of recruitment that the company supports.
![Snap shots of the Koda Staff site](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda16-2800x1759.jpg 2800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda16-300x188.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda16-1024x643.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda16-1800x1131.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda16-1200x754.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda16-400x251.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda16-32x20.jpg 32w)
![Images showing the Koda Staff website](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda20-1800x1013.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda20-300x169.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda20-1024x576.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda20-1200x675.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda20-400x225.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda20-32x18.jpg 32w)
![Icons of a yellow diamond, green heart, purple lighting, and pink speech bubble](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda19-1200x1200.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda19-300x300.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda19-1024x1024.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda19-150x150.jpg 150w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda19-1800x1800.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda19-400x400.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda19-32x32.jpg 32w)
![Icons of a yellow mobile, green calendar, pink certificate and blue flame](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda18-1200x1200.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda18-300x300.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda18-1024x1024.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda18-150x150.jpg 150w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda18-1800x1800.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda18-400x400.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda18-32x32.jpg 32w)
![Icons of a yellow pen, purple phone, pink trophy, and green game controller](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda17-1200x1200.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda17-300x300.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda17-1024x1024.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda17-150x150.jpg 150w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda17-1800x1800.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda17-400x400.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda17-32x32.jpg 32w)
![A shot of Koda's office locations page](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda12-1.jpg 1758w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda12-1-300x210.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda12-1-1024x715.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda12-1-1200x838.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda12-1-400x279.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda12-1-32x22.jpg 32w)
![The Koda Staff website](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda6-2800x1575.jpg 2800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda6-300x169.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda6-1024x576.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda6-1800x1013.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda6-1200x675.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda6-400x225.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda6-32x18.jpg 32w)
![An image of the Koda Staff office in London](https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0003_Layer-17.jpg 2500w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0003_Layer-17-300x194.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0003_Layer-17-1024x662.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0003_Layer-17-1800x1164.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0003_Layer-17-1200x776.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0003_Layer-17-400x259.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0003_Layer-17-32x21.jpg 32w)
Photography
The Framework Design team travelled down to London to the Koda Staff office to carry out a photo shoot of the office itself and the staff in action. The photographs were captured, processed, and then provided to the client ready for use. The images were the perfect addition to the Koda Staff website and were also ready to be used for any marketing collateral that the team would put together in the future.
![A man reclines in an armchair smiling and talking to another man in the foreground](https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0011_Layer-9-1200x776.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0011_Layer-9-300x194.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0011_Layer-9-1024x662.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0011_Layer-9-1800x1164.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0011_Layer-9-400x259.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0011_Layer-9-32x21.jpg 32w)
![An image of a man holding a telephone using his shoulder and chin whilst he types](https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0002_Layer-18-1200x776.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0002_Layer-18-300x194.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0002_Layer-18-1024x662.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0002_Layer-18-1800x1164.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0002_Layer-18-400x259.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0002_Layer-18-32x21.jpg 32w)
![A Koda Staff branded mug in light blue sits on an office desk, the rest of the office is blurred behind it](https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0006_Layer-14.jpg 2500w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0006_Layer-14-300x194.jpg 300w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0006_Layer-14-1024x662.jpg 1024w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0006_Layer-14-1800x1164.jpg 1800w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0006_Layer-14-1200x776.jpg 1200w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0006_Layer-14-400x259.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/KODA-PHOTOGRAPHY_0006_Layer-14-32x21.jpg 32w)
![A screenshot of the Koda about us page displayed on mobile](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda5.jpg 1100w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda5-211x300.jpg 211w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda5-720x1024.jpg 720w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda5-400x569.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda5-32x45.jpg 32w)
![A mobile view of the Koda staff about us page](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda9.jpg 1100w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda9-211x300.jpg 211w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda9-720x1024.jpg 720w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda9-400x569.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda9-32x45.jpg 32w)
![A mobile view of the Koda staff site](https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda8.jpg 1100w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda8-211x300.jpg 211w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda8-720x1024.jpg 720w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda8-400x569.jpg 400w, https://www.weareframework.co.uk/wp-content/uploads/2020/12/Koda8-32x45.jpg 32w)