Back to selected work

Doen-R.nl

Consultancy Website

Converted a Figma design into a modern, responsive Vue.js frontend using Tailwind CSS and Swiper.js. Built maintainable components and a flexible structure ready for static CMS integration and future content updates.

Service
Figma to Vue.js
Frontend Stack
Tailwind CSS
Vue.js
Swiper.js
HTML5
Doen-R.nl desktop homepage screenshot
Project overview

A modern, responsive consultancy website built with Vue.js, Tailwind CSS, and Swiper.js, featuring reusable components and a CMS-ready frontend structure.

Challenge

Convert the approved design into a fast, scalable frontend that could later integrate with a static CMS while maintaining responsive layouts and clean code.

Approach

Implemented the design using reusable Vue.js components and Tailwind CSS. Integrated Swiper.js for sliders and prepared the frontend structure for future content management.

01 / Desktop

Visuals Experience.

Doen-R.nl desktop screenshot 1
Desktop / 01
Doen-R.nl desktop screenshot 2
Desktop / 02
Doen-R.nl desktop screenshot 3
Desktop / 03
Doen-R.nl desktop screenshot 4
Desktop / 04
Doen-R.nl mobile screenshot
Deliverables

What FrontStudio delivered.

01

Responsive frontend

Translated the approved Figma design into responsive layouts for different screen sizes.

02

Reusable Vue.js components

Created component-based templates to improve maintainability and frontend consistency.

03

Tailwind CSS styling

Implemented utility-first styling without unnecessary custom CSS.

04

CMS-ready structure

Prepared the frontend architecture for future static CMS integration and content updates.

Have a frontend project ready to ship?

Send us your design, scope or project requirements and we will review the work.

Start a Project