Claude for the redesign (layout) of the website

30 days111 USD

Arseny Antonenko

30 days111 USD

Since the structure and logic remain unchanged, we are not rewriting the website from scratch, but implementing a new design over the existing code. This is the ideal case for using Claude (Sonnet 3.5/4.5) in conjunction with the Cursor IDE for automating routine tasks.

AI Optimization Strategy:

Creating a Design System (Design Tokens): The first step is to generate a global stylesheet file (CSS Variables or Tailwind config) based on your layout in Figma through Claude. This allows you to change colors, fonts, and spacing across the entire site with one click, without affecting the CMS logic.

Contextual Layout through Cursor: Instead of manually rewriting HTML, we use Cursor with access to all the code. Claude analyzes the old template file (PHP/TPL/Blade) and automatically replaces classes and structure with new ones, preserving all variables and CMS functions. This is 70% faster than traditional layout methods.

The "Stretching" Stage Without Bugs: AI will help instantly identify style conflicts and fix responsiveness. You provide a screenshot from Figma and a screenshot of what appeared on the site — Claude sees the pixel differences and outputs the ready CSS code for correction.
…
Preserving Logic: The main focus will be on ensuring that the new design does not "break" existing plugins and the admin panel. The entire process will be documented so that you can make edits through Claude in the future.

Clarifying Question:
Does your current website use plain CSS/SASS, or do you plan to switch to a framework (for example, Tailwind) during this redesign? This will significantly affect how Claude generates new styles.

Show original

Translate

1 day22 USD

Raisa Krushevska

1 day22 USD

Good day!
I have reviewed the task. I can help with the redesign of the website based on the existing layout in Figma without changing the structure and functionality, as well as with optimizing the process of layout and integration into your CMS.
What I can offer:
Analysis of the Figma layout from the perspective of optimal layout
Recommendations on how to speed up and simplify the layout and stretching for your CMS
Consultation on using Claude:
how to correctly prepare prompts for layout
what can realistically be automated (HTML/CSS/partially JS)
where it is better to leave manual adjustments to avoid breaking the logic of the CMS
… Practical advice on how to integrate the generated code into the existing project without rework
I work with redesigns, foreign code, and CMS projects, focusing on clean structure, reusability of components, and minimizing manual work.
I am ready to conduct a consultation and, if necessary, join the implementation.
We can discuss the format in correspondence.

Show original

Translate

1 day223 USD

Dmytro Derev'iankin

1 day223 USD

✋ Hello! We are the IT company dZENcode.

We implement redesign: adaptive layout of Figma mockups and integration of templates via API with CMS, consultation on Claude/GPT for auto-generation, based on the team's experience, best practices, and our own developments.

What platform is the website currently running on?
Do you need consultation on Claude or full layout and implementation?

You can find detailed information about our services and rates on our website: Freelancehunt
Take a look – we will discuss the details of the work further, write when you are ready.
…
The final cost is determined only after clarifying the scope and requirements.

___________________
Best regards,
Manager of dZENcode

Our strengths:
💎 10+ years providing IT services: Outsourcing, Outstaffing
🔥 90+ in-house specialists
🚀 Projects "from scratch" and for support
⚙️ SLA and post-production support
✅ Contract with the company, guaranteed results!
🔥 250+ public reviews since 2015.

Show original

Translate