WordPress Webshop Update from Figma Design

Update Existing Webshop – Convert Figma Design to WordPress (WooCommerce)

Project Overview

We are looking for an experienced WordPress/WooCommerce developer to convert a new Figma design into our existing webshop.

This is not a full rebuild, but an update of the current website, where selected pages will be redesigned or optimized.

The goal is to improve conversion rate (CRO), user experience (UX), site speed, and overall performance, while maintaining existing functionality.

Scope of Work
1. Figma to WordPress Conversion

Convert provided Figma designs into a fully functional WordPress (WooCommerce) website

Ensure a highly accurate, pixel-perfect implementation of the designs

Maintain consistency across all devices (desktop, tablet, mobile)

Use clean, scalable, and maintainable code

2. Page Scope (Concrete Overview)
A. New Pages (2 pages – fully new)

Showroom page

Business / B2B page

B. Major Updates (2 pages – high priority)

Homepage (significant redesign)

Product detail page (Bell tent) – high CRO focus

C. Minor Updates (4 pages – small adjustments)

Product overview / category page

Product page (accessories / inventory)

Cart page

Checkout page

3. Work Within Existing Website

The current website is already live and running on WordPress/WooCommerce

The developer must:

Work within the existing setup

Avoid breaking current functionality

Keep existing logic where possible

4. WooCommerce & Functionality

All required functionality is either:

Standard WooCommerce functionality, or

Achievable via reliable WordPress plugins

Improve product page UX (layout, upsells, sticky add-to-cart, etc.)

Ensure a smooth and frictionless add-to-cart and checkout experience

5. Tools & Environment

Elementor Pro is available and may be used where appropriate

We have a professional hosting environment

Development should be done on a staging environment (or set up if needed)

6. Responsiveness

Fully responsive across:

Desktop

Tablet

Mobile

Mobile UX is critical

7. Performance, SEO & CRO

Optimize for page speed and Core Web Vitals

Website speed is a key requirement

Ensure a strong SEO foundation (clean HTML structure, proper hierarchy)

Focus on conversion optimization (CRO)

Avoid unnecessary plugins or heavy solutions

8. CMS Structure & Usability

The WordPress backend (CMS) must be:

Logically structured

Easy to manage and scale

Clear for non-technical users

The client must be able to:

Easily edit text, images, and sections

Manage content without breaking layouts

Provide a short explanation or walkthrough of how to manage key pages

9. Design Accuracy & User Experience

The implementation must be pixel-perfect to the provided Figma designs

Spacing, typography, and layout must match the design closely

The website should feel:

Smooth

Fast

High-end

Consistent

Special attention is required for:

Micro-interactions (hover states, buttons, transitions)

Visual hierarchy and spacing

Clean and modern UI

UX should always be the priority:

Clear navigation

Logical flow

Minimal friction

This project requires a detail-oriented and perfectionistic approach, not just functional implementation.

10. Testing & QA

Cross-browser testing (Chrome, Safari, etc.)

Fix bugs before delivery

Ensure no regressions on existing pages

Deliverables

Fully functional updated WordPress website

All redesigned and updated pages implemented

No broken functionality

Optimized performance and speed

User-friendly CMS

Ready for launch

Timeline

We aim to have the updated website live within approximately 3 weeks.

Please indicate:

Whether this timeline is feasible

Your estimated delivery time

Your availability to start

A fast workflow is important, but quality should not be compromised.

We prefer working in phases (e.g. product page first) for faster feedback and iteration.

Requirements

Strong experience with WordPress & WooCommerce

Proven experience converting Figma designs to live websites

Strong attention to detail

Understanding of UX/UI and CRO

Clear communication in English

Nice to Have

Experience with CRO (conversion optimization)

Experience with e-commerce UX

Access & Materials

Figma files will be shared after the project has been awarded

Access to the existing WordPress environment will be provided.
The current website can be viewed here: https://belltentshop.nl

This will give you a clear understanding of the existing setup and structure.

Please review the current website before submitting your proposal.

Notes

This is an iterative project with feedback rounds

We value proactive thinking and problem-solving

The goal is to improve webshop performance and conversions, not just implementation.