Cromartie Tie Dye Techniques Page Rebuild

Overview

The Cromartie Tie Dye Techniques page was rebuilt as part of my Web Operator role to make an existing informational page clearer, more useful and better structured for organic search.

The aim was to improve the page’s content, layout, internal linking and user experience while working within the limits of the existing ecommerce CMS.

Business context

Cromartie Hobbycraft is an ecommerce website with a large catalogue of pottery, ceramics, arts, crafts, and related products. Informational pages can support the site by helping users understand a topic before moving naturally towards relevant products or categories.

For this page, the main goal was to answer informational search intent around tie dye techniques. The page also needed clearer structure, better readability, useful internal links, and a layout that fitted the existing Cromartie website.

Original problem

The original page needed improvement across several areas:

• SEO-focused content.
• Page structure.
• Styling and visual hierarchy.
• Images.
• Internal links.
• User experience.
• Mobile readability.
• Commercial navigation.

The page had useful potential, but it needed to be rebuilt into something clearer, more structured, and easier to use.

Goals

The main goals were:

• Improve the content structure.
• Make the page more useful for users researching tie dye techniques.
• Support informational search intent with clearer headings and copy.
• Add useful internal links to relevant products or categories where they naturally helped the user.
• Use keyword research to guide the page structure.
• Improve the layout without breaking CMS constraints.
• Keep the final page maintainable for the business.

My role

My role was to research, rebuild, style, and present the updated page.

This included:

• Reviewing the existing page.
• Researching keyword opportunities.
• Planning a clearer content structure.
• Rebuilding the public-facing HTML/CSS content.
• Improving the layout and page hierarchy.
• Adding useful internal links.
• Checking the final public page after publishing.

CMS constraints

The work had to fit within the existing ecommerce CMS. This meant the page needed to work around the current CMS content areas, page template and live website structure rather than being built freely from scratch.

The main constraints were:

• Limited control over the wider page template.
• Styling had to work inside CMS content areas.
• The page needed to fit the existing site structure.
• The solution had to be safe for a live ecommerce website.
• The page could not rely on complex frontend tooling.

These constraints are important because commercial web work often means improving what already exists rather than rebuilding everything from scratch.

SEO and content research

The page was planned around useful search intent and real customer needs. The content needed to help users understand tie dye techniques while also making it easier to find relevant supplies.

The SEO work focused on:

• Clearer headings.
• More descriptive content.
• Better page hierarchy.
• Relevant product and category links.
• Image and content improvements.
• A layout that made the topic easier to scan.

Layout approach

The layout was designed to be more structured and readable. The page needed to work for users who wanted to quickly understand the topic and then find relevant products if needed.

The design approach focused on:

• Clear section separation.
• More readable text blocks.
• Better visual hierarchy.
• Internal links placed where they naturally helped the user.
• A style that fitted the existing Cromartie website rather than feeling disconnected.

HTML and CSS implementation

The implementation used CMS-friendly HTML and CSS rather than a full component-based frontend setup.

This involved:

• Writing structured HTML content.
• Applying CSS that worked inside the CMS.
• Avoiding fragile layout choices.
• Keeping the page readable on desktop and mobile.
• Making sure links and sections were clear.

The code had to work within the CMS rather than follow the structure of a modern React project. This made the work more practical: the focus was on improving a real live page within existing business and platform constraints.

Internal linking improvements

Internal links were added where they supported the user journey. The aim was not to force links into the page, but to help users move from informational content towards relevant Cromartie products or categories.

This made the page more useful for visitors while also supporting better site structure and product discovery.

Accessibility and mobile considerations

The page needed to remain easy to read and use across devices.

The rebuild considered:

• Clear headings.
• Readable paragraphs.
• Clickable links.
• Visual spacing.
• Mobile-friendly content flow.
• Important information kept in HTML text rather than only being shown inside images.

Outcome

The final page became a stronger public-facing informational ecommerce page.

It improved:

• Topic structure.
• User readability.
• Internal linking.
• Visual presentation.
• SEO relevance.

What I learned

This project helped me understand that SEO is not just writing keywords into a page. It also involves layout, structure, internal links, images, user experience, CMS constraints, and commercial goals.

It also showed that frontend work in a real business environment often means working within existing systems and making practical improvements without breaking live pages.