Skip to content
Skip to content
  • Home
  • My Projects
  • Home
  • My Projects
Let's talk
  • Home
  • My Projects
  • Home
  • My Projects
Let's talk

Roho Ecommerce Website

A responsive website built with the Electro theme for shop pages and custom Figma designs for general pages, delivering both WooCommerce reliability and unique branding.
  • Summary

The client required a website built by combining a custom Figma design with the Electro WooCommerce theme. The shop-related pages (category, product, cart, checkout, etc.) were implemented using the Electro theme to ensure full compatibility with WooCommerce functionality and features. Meanwhile, the general content pages (such as About, Contact, and other informational pages) were designed and developed based on the provided Figma layouts to match the client’s desired branding and visual identity.

This hybrid approach allowed us to maintain the robust eCommerce capabilities of the Electro theme while ensuring a unique, tailored design for the non-shop sections of the website.

The website was totally responsive, build with elementor

  • Eshops
  • Roho
  • Alvaro S.
  • 2023
Problem
Approach
Results
Problem

The customer wanted a modern eCommerce website with reliable WooCommerce functionality while maintaining a unique design for non-shop pages. They had already chosen the Electro theme for its strong compatibility with WooCommerce, but also provided custom Figma designs for general content pages. The challenge was to combine both approaches without losing either the stability of Electro or the creative flexibility of the Figma design.

Approach
  • Theme Alignment – Retained the Electro theme as the foundation for all shop-related pages (product listings, product detail, cart, and checkout) to leverage its built-in WooCommerce features.
  • Custom Design Development – Converted the provided Figma layouts into responsive WordPress templates for general content pages such as About, Contact, and other informational sections.
  • Hybrid Integration – Implemented a child theme setup, ensuring Electro handled shop functionality while Figma-inspired templates controlled the non-shop areas.
  • Consistency Across Pages – Unified branding elements (colors, typography, spacing) across both theme and custom pages to provide a seamless user experience.
Results
  • Electro-powered shop pages, providing robust WooCommerce functionality.
  • Custom-designed general pages, developed directly from the Figma files.
  • A hybrid solution that combined theme reliability with unique branding.
  • A consistent, responsive, and seamless user experience, despite the dual design approach.
  • In the FAQ page, each accordeon question was opening when the user was clicking the above corresponding box
  • Gallery
Back to projects

Let's work together!

Get in Touch
  • Developed by Anastasia
  • Portfolios
  • View my freelancer profile
  • Privacy and Cookie Policy