Case Study

Xylotek

How I helped Xylotek showcase their amazing work and recruit new staff with Webflow.

Case Study

Xylotek

How I helped Xylotek showcase their amazing work and recruit new staff with Webflow.

Case Study

Xylotek

How I helped Xylotek showcase their amazing work and recruit new staff with Webflow.

Project Details

Client:

Xylotek

Type:

Design & Build

Objective:

Showcase Projects & Recruit

Tools:

Webflow, Finsweet Tools

Overview

The web design project for Xylotek aimed to create a clean and technical look for their website that would showcase their timber construction and design projects.

The website was built in Webflow to ensure a smooth user experience and easy management for the in-house team. In addition to showcasing their projects, the website also included job listings for potential candidates to apply. The overall goal was to present Xylotek as a professional and innovative company in their industry.

Approach

To tackle the Xylotek project, I adopted a methodical approach that involved creating CMS-powered dynamic prototypes to ensure that each area of the site worked technically. By doing this, I was able to test and refine the site's functionality before importing data using the Webflow CSV import feature.

To tackle the Xylotek project, I adopted a methodical approach that involved creating CMS-powered dynamic prototypes to ensure that each area of the site worked technically. By doing this, I was able to test and refine the site's functionality before importing data using the Webflow CSV import feature.

This allowed the Xylotek team to populate the site with project data, including images for the project photo galleries, well before the site was launched. This approach streamlined the process and allowed us to quickly launch the site while ensuring its technical integrity.

Tools

To meet the needs of the Xylotek project, the site required custom filters for its projects section. These filters were created using custom code along with the Webflow CMS. Additionally, the site's project sections needed to include photo galleries for each project, with a connected lightbox feature to allow users to view the images in fullscreen. This feature allowed the site to showcase their timber construction and design projects in an engaging and visually compelling way.

The Jobs section of the Xylotek website was designed to showcase all their job offerings, and with the Webflow CMS, they are able to manage every aspect of the site in-house. The Jobs section needed to have a clean and organized layout with easy navigation to job descriptions and application instructions. Using the Webflow CMS, we were able to create a custom job posting template that allowed Xylotek to quickly and easily add new job postings to their site.

Conclusion

In conclusion, Xylotek's website has been a great success, with its clean and technical look and feel effectively showcasing their timber construction and design projects. The dynamic prototypes, CMS-powered project galleries, and custom filter tool have enabled the site owners to manage all aspects of the site in-house, including job offerings.

The ability to import data using the Webflow CSV import has also been instrumental in allowing the site owners to populate project data and images before the site's launch. As Xylotek continues to expand and showcase their work, the tools built for them will undoubtedly continue to be a valuable asset.

Figma to Framer conversion services.

Figma to Webflow conversion services.

Webflow to Framer conversion services.

Figma design services.

Web design services.

Design services.

© Copyright - Thunkd Design

Figma to Framer conversion services.

Figma to Webflow conversion services.

Webflow to Framer conversion services.

Figma design services.

Web design services.

Design services.

© Copyright - Thunkd Design

Figma to Framer conversion services.

Figma to Webflow conversion services.

Webflow to Framer conversion services.

Figma design services.

Web design services.

Design services.

© Copyright - Thunkd Design