Portfolio – Mi Código Corporal – Case Study – EduCalvo Interactive Creative Consultant

Branding and design strategy

Project

UI UX Design

Editorial Design

Summary

Mi Código Corporal is a platform that provides expert guidance and educational content on non-verbal communication and body language.

Responsibilities

Creative Direction
Art Direction

Overview

Mi Código Corporal is a platform that provides expert guidance and educational content on non-verbal communication and body language. The website, which offers online courses, workshops, and blog content, is designed to help individuals and professionals enhance their understanding of body language for personal and business growth. As the platform expanded its content offerings, Mi Código Corporal needed a modern, user-friendly website that would better reflect their expertise, improve user engagement, and streamline the learning experience.

In 2023, we partnered with Mi Código Corporal to completely redesign their website using Elementor and WordPress, with a strong focus on enhancing UI/UX for both desktop and mobile users. The goal was to create an intuitive, responsive, and visually appealing site that would elevate the user experience and optimize the platform’s performance.

Client: Mi Código Corporal
Project: Website Design (UI/UX, Elementor, WordPress Development)
Sector: Education, Online Learning
Date: 2023

The Challenge

Mi Código Corporal’s original website was outdated, visually cluttered, and not optimized for mobile users. With an increasing number of visitors accessing the site to learn about non-verbal communication and body language, it became clear that the platform needed a significant overhaul to improve both usability and content delivery.

The key challenges included:

Complex User Journeys: The website’s navigation was not intuitive, making it difficult for visitors to find the courses, blog content, and information they were looking for. The lack of clear user flows negatively impacted the overall user experience.

Limited Mobile Optimization: With more users accessing the platform via mobile devices, the website needed to be fully responsive and optimized for mobile, but the original site lacked this functionality. As a result, mobile users had a poor experience navigating the site, leading to lower conversion rates.

Inefficient Content Management System: The existing content management system (CMS) was inefficient, making it difficult for the Mi Código Corporal team to update content, manage courses, and make changes to the site without technical assistance. They needed a more flexible, user-friendly solution.

The Solution

To address these challenges, we redesigned the Mi Código Corporal website using WordPress and Elementor, creating a modern, user-friendly platform that delivered a seamless user experience across all devices. Our approach focused on improving the overall visual design, optimizing user flows, and simplifying content management for the Mi Código Corporal team.

The solution featured:

UI/UX Redesign with User-Centric Focus:

We revamped the website’s UI/UX to create a clean, modern interface that was easy to navigate and visually engaging. By using a minimalistic design approach, we improved readability and made it easier for users to find relevant information. We also incorporated clear calls-to-action (CTAs) to guide users toward key resources such as courses, blog posts, and contact forms.

Improved Navigation and User Flows:

To simplify the user journey, we restructured the site’s navigation and developed clear user flows for different types of visitors (those seeking courses, blog readers, and clients interested in consultations). The main menu was streamlined, and we introduced a new course catalog page that made it easy for users to browse, filter, and enroll in body language courses.

Mobile-First, Fully Responsive Design:

Recognizing the importance of mobile traffic, we took a mobile-first approach to the design process. The new website was built to be fully responsive, ensuring that the layout, navigation, and content displayed perfectly on any device. The mobile version of the site was optimized for speed, with touch-friendly controls and easy-to-read content.

Elementor for Flexible Page Building:

We utilized Elementor, a powerful drag-and-drop page builder for WordPress, to create a flexible and visually appealing site that the Mi Código Corporal team could easily manage. Elementor allowed us to design custom pages with engaging layouts and interactive elements, without the need for complex coding. This gave the Mi Código Corporal team the ability to update content, add new courses, and make adjustments to the site with ease.

SEO and Performance Optimization:

We ensured that the new website was optimized for search engines, helping Mi Código Corporal improve its search rankings and attract more organic traffic. The site’s performance was also enhanced through optimized images, clean coding, and caching, which led to faster load times and an overall improved user experie

The Results

The website redesign for Mi Código Corporal delivered impressive results, enhancing both the user experience and the platform’s operational efficiency. The combination of a modern UI/UX, mobile optimization, and Elementor’s flexibility allowed Mi Código Corporal to expand its reach and engage with users more effectively.

Key results included:

Increased User Engagement: The new design significantly improved user engagement, with a 40% increase in time spent on the site and a 30% reduction in bounce rates. Visitors found it easier to navigate the platform and access the courses and content they were looking for.

Higher Mobile Traffic and Conversions: The mobile-first approach led to a 50% increase in mobile traffic, with mobile conversions growing by 25%. The improved mobile experience made it easier for users to explore the platform and sign up for courses directly from their smartphones or tablets.

Faster Page Load Times: With performance optimizations, the site now loads 35% faster, resulting in a smoother experience for users and a higher ranking on search engine results pages (SERPs). Faster load times also contributed to higher conversion rates and better overall user satisfaction.

Improved Course Enrollment: The redesigned course pages, along with clearer CTAs and a better navigation structure, led to a 20% increase in course enrollments. The new course catalog page and detailed course descriptions helped potential students make informed decisions, leading to higher conversion rates.

Enhanced Content Management: Thanks to Elementor’s drag-and-drop functionality, the Mi Código Corporal team can now easily manage the site’s content, update pages, and create new landing pages without relying on external developers. This has saved time and reduced the cost of maintaining the website.

Presentación Corporativa

Conclusion

The design of Mi Código Corporal’s website was instrumental in transforming the platform into a modern, engaging, and user-friendly destination for individuals seeking to learn about body language and non-verbal communication. By leveraging WordPress and Elementor, we created a flexible, scalable site that not only improved the user experience but also streamlined content management for the Mi Código Corporal team.

Our work helped Mi Código Corporal attract more users, increase course enrollments, and establish a stronger digital presence in the online learning space. The new website now serves as a key asset in their continued growth and success, offering an intuitive and visually appealing platform for students and professionals alike.