CriminalModz Website Redesign

Faiz Hakim

Faiz Hakim

📖 About Project

CriminalModz (formerly CriminalPlus) is an online marketplace specialising in digital gaming services and accounts. They needed a redesigned, modern, and responsive website that matched the new brand direction while being developed efficiently using a no-code approach with Elementor.
👉 Access the live website: https://criminalmodz.com/ (formerly https://criminalplus.com/)

🧩 Problem

The hero section required a Stone Mountain peak background design that also needed to blend seamlessly with the following sections.
Some design components created in Figma were not directly implementable in Elementor, which required custom CSS workarounds to achieve pixel-perfect results.

🙌 My Approach

Disclaimer: I was not the designer. My role was translating the ready Figma designs into a live no-code website using Elementor, ensuring accuracy and responsiveness.
Understanding the Design Layout
Studied the full Figma layout to plan the Elementor structure and select the right widgets.
Collaborated directly with the designer to align expectations and ensure design fidelity.
Identified areas requiring custom CSS adjustments early, helping estimate timelines and manage client expectations.
Information Architecture
Broke down the Figma pages into structured Elementor templates.
Defined reusable sections and components to keep development consistent and efficient.
Organised the content flow in a way that matched the design intent but worked within Elementor’s flexibility.
Design Strategy
Built a design system inside Elementor, mapping typography, colors, and spacing from the Figma design.
Collected all design tokens/styles from Figma and translated them into a custom Elementor style guide.
Balanced Elementor’s native tools with lightweight CSS tweaks for sections that required precision.
Collaboration & Iteration
Maintained close communication with the designer through WhatsApp and Chrome Meeting for fast feedback loops.
Iterated on sections to refine both visual fidelity and performance.

📦 Output

Fully functional Elementor website that mirrors the provided Figma design.
Custom CSS applied for complex design elements (hero background, blended sections, unique styling).
Implemented a reusable Elementor design system for future scalability.

✅ Outcome

CriminalModz successfully launched its redesigned website with modern visuals and a smooth user experience.
The final site maintained design fidelity to the original Figma concept while remaining scalable and editable in Elementor.
Designers and stakeholders praised the balance between customisation and no-code efficiency, ensuring faster updates in the future.

🎨 Design Preview

Redesigned homepage with Stone Mountain background hero section, custom menu dropdowns, and modern CTA buttons for instant engagement.
Redesigned homepage with Stone Mountain background hero section, custom menu dropdowns, and modern CTA buttons for instant engagement.
Structured legal and compliance pages with tab-style navigation (Legal Notice, Privacy, Cookie Policy), ensuring clarity and trustworthiness.
Structured legal and compliance pages with tab-style navigation (Legal Notice, Privacy, Cookie Policy), ensuring clarity and trustworthiness.
Interactive pricing table showcasing Starter, Pro, and Criminal packs, with tooltip functionality and clear CTA buttons for conversions.
Interactive pricing table showcasing Starter, Pro, and Criminal packs, with tooltip functionality and clear CTA buttons for conversions.
Streamlined contact form with refund request option, optimized for quick customer support and user convenience.
Streamlined contact form with refund request option, optimized for quick customer support and user convenience.
Like this project

Posted Oct 28, 2025

Developed a modern, responsive website for CriminalModz using Elementor and custom CSS.