Cedir | E-commerce & Educational Platform Web Design

Project Gallery

Full homepage layout for Cedir featuring a centralized menu for e-commerce, blog, and professional services.

Educational portal layout for Cedir featuring course listings and professional consultation booking options.

Minimalist project gallery for Cedir displaying a portfolio of professional consulting work and case studies.

Professional blog and educational content section layout designed for readability and SEO authority.

Clean e-commerce store interface for Cedir showcasing a grid of products with intuitive navigation.

Detailed single product page design with optimized CTA buttons and high-resolution imagery for Cedir.

User interface for an advanced category filter search, allowing users to sort Cedir's products and projects efficiently.

Clean and organized search results page UI for the Cedir web platform, optimized for user intent.

Comprehensive multi-device responsive UI showcase of the Cedir platform across smartphone, tablet, laptop, and desktop displays.

Isometric 3D layout of Cedir’s web pages including the WooCommerce store, electronics blog, and project portfolio.

Features

Blog function where both projects and posts are explained and filtered by categories
E-commerce function with WooCommerce
Search module for the entire page
Function to compare several stores in the store
Newsletter integration with Mailchimp
Integration with Calendly, inserting it into one of the pages to make easier the user experience
Login / registration and my account page where the user can edit their personal data
4 types of users, filtered as levels. Specific users will have access to certain exclusive content of the page
Contact form and contact information
SEO and image optimization (fast load due to high compression without losing quality)
Simple, clean, professional, and elegant design
Carousels and sliders for easily search the content and products of the website
WhatsApp integration

Custom course comparison pop-up module for Cedir, allowing students to compare electronics curricula and pricing. Compare products function on the shop page: the user can easily see which product they want more.

WhatsApp and calendly integration: the user can easily chat with the admin with the click of a button and choose a date with calendly.

Technical Specifications & Tools 📋

Core Stack: WordPress + Elementor Pro (Custom Containers for Performance).

E-commerce: WooCommerce with specialized store-comparison logic.

CRM & Automation: Mailchimp integration for automated lead nurturing.

Booking System: Embedded Calendly for seamless schedule management.

Speed Optimization: Advanced Lossless Compression for images and zero-video background architecture.

Security: Private User Account Dashboards with role-based content visibility.

The Client’s Vision: Elegance Meets Engineering Authority

The objective was to build a sophisticated platform where electronics engineering students could transition from browsing free projects to purchasing specialized courses and components. The client demanded a clean, professional aesthetic with a strict requirement: maximum loading speed without the use of video.

To achieve this, I focused on a motion-inspired UI driven by sliders and carousels, allowing users to navigate through high volumes of content and products without visual fatigue. Every asset was subjected to extreme compression while maintaining visual integrity, ensuring a lightning-fast LCP (Largest Contentful Paint).

Strategic User Experience: 4-Level Permission Architecture 🔐

A cornerstone of this project was the implementation of a tiered content access system. To foster community growth and loyalty, the site features a manual membership hierarchy:

Subscriber: The default entry point for new users.

Enthusiast: For active community members.

Student: Access to specific educational modules.

Professional: Exclusive entry to advanced technical data and projects.

I configured a custom Login & Registration ecosystem where users can manage their personal profiles, while the administrator manually promotes users based on their engagement levels, creating an exclusive “club” feel that drives retention.

Core Platform Features & Integrations 🛠️

Dual-Purpose Storefront: Powered by WooCommerce, the shop allows for the simultaneous sale of digital courses and physical electronic hardware, featuring a unique Store Comparison module.

Educational Funnel: Integrated Calendly modules allow students to book free consultations directly within the UI, significantly reducing the friction between the brand and the learner.

Content Authority: A robust Blog & Project Portfolio filtered by specialized categories, allowing the client to showcase technical expertise and improve Organic Search (SEO) visibility.

Global Connectivity: Direct WhatsApp integration for instant support and a Mailchimp Newsletter sync to nurture the leads generated by the site’s high-intent search module.

Comprehensive sitemap diagram illustrating the hierarchical structure of the Cedir e-commerce and blog platform.

Detailed user journey User Flow showing the transition from educational blog content to e-commerce conversion.

Project Architecture: Sitemap & UX Flow 🗺️

Scalable Sitemap Architecture

I designed a Silo Structure that separates the “Learning” (Courses/Blog) from the “Buying” (Store). This logical hierarchy ensures that search engine crawlers can easily categorize Cedir as an authority in both electronics education and retail.

The “Content-to-Conversion” UX Flow

The user journey is engineered for education-led sales. A typical path involves a user finding a free project via the Main Menu Search, booking a consultation via the Calendly Integration, and eventually purchasing a full curriculum through the WooCommerce Checkout.

Professional iMac mockup showcasing the Cedir homepage, featuring a custom electronics slider and clean Elementor navigation.

Visit Live Site →

Ready to Centralize Your Digital Presence? 🌐

If your business manages multiple services, products, and content streams, you need a robust architecture that brings them all together. I specialize in building integrated digital hubs that turn complex information into a simple, high-performing user journey.

Let’s transform your brand into an authoritative platform that educates and sells simultaneously.

📩 Book a Strategy Call Today

Building scalable ecosystems for the digital future.