Featured Project

EduFront – Website Redesign for Children’s Digital Learning

EduFront helps children develop digital creativity through practical courses in programming, web design, and graphic design. The website redesign focuses on giving parents a smoother way to explore programs and understand how each course supports their child’s learning journey.
Screenshot of a website in Macedonian showcasing creative computer education for children, featuring images of kids with computers and various sections describing programs and learning outcomes.

Client

EduFront

Industry

Education / Children’s Digital Learning

Services

UX/UI Design, Web Design, WordPress Development

Tools/Skills

Adobe Photoshop, Elementor, Figma, HTML/CSS, WooCommerce, WordPress

Website Link

Project & Client Overview

Designing a clear, parent-friendly experience for digital education

About the Client

EduFront is a digital education center focused on helping children aged 8 to 14 build skills in programming, web design, and graphic design. Their courses are designed to nurture creativity while introducing students to the fundamentals of technology in a structured and engaging way.

About the Project

The previous website didn’t fully support EduFront’s growing range of programs or help parents easily understand each learning path. The project goal was to redesign the site with a clearer structure, more intuitive navigation, and a visual system that reflects the center’s fun and educational personality.

My Role & Responsibilities

I led the redesign and development of the website using WordPress and Elementor, focusing on UX clarity, content organization, and consistent layout patterns. My work covered the full process — from creating the visual direction to defining page structure, planning the flow of the learning paths, and building a website that’s easy for parents to browse and for the EduFront team to maintain.

Homepage Overview

Creating a friendly and structured first impression

The EduFront homepage was designed to clearly introduce the center’s mission and give parents an easy way to explore the three main learning paths: Programming, Web Design, and Graphic Design. Each section provides a quick overview so visitors can understand the purpose of the courses at a glance.

My goal was to organize the content into simple, visual blocks that guide visitors through the learning paths, team information, testimonials, and enrollment options. The layout uses familiar patterns, friendly icons, and concise descriptions to help parents understand what EduFront offers and move naturally toward exploring individual programs.

Screenshot of the Home page from the EduFront website.

Moodboard & Wireframing

Defining the visual direction and user experience

The moodboard and wireframes defined the visual tone and structure of the website before moving into high-fidelity design. This helped ensure a consistent look and a clear user experience across all learning paths.

Digital moodboard presentation showing color palettes, typography, UI elements, and website layout thumbnails on a clean, grid-based layout for the EduFront website.

Moodboard & Visual Direction

The moodboard established EduFront’s visual identity, combining bright colors, simple shapes, and friendly typography to reflect the center’s creative and educational spirit. This direction formed the foundation for a design that feels engaging for children while remaining clear and trustworthy for parents.

A grid of web page mockups with blue and gray text in Cyrillic, featuring sections for courses, lessons, and digital learning for children from the EduFront website.

Wireframing & UX Planning

The wireframes outlined the structure of the learning paths and supporting pages, focusing on a natural flow for parents browsing programs. Each layout was planned to be predictable, easy to scan, and aligned with the goals of helping families compare courses and move confidently toward enrollment.

Core Pages

Expanding the design across the learning paths and key pages

I designed the main inner pages that guide parents through EduFront’s programs, including the three Digital Paths — Programming, Web Design, and Graphic Design — as well as the Courses overview page. Each Digital Path introduces the academy with clear descriptions, learning outcomes, and visual cues that make it easy for parents to understand what their child will learn.

The inner pages follow consistent layout patterns, helping visitors move naturally from exploring programs to browsing individual courses and completing the Application process. The Application page features a simple, structured flow that makes enrollment straightforward for families, while the Contact page provides quick access to support and center information.

Screenshot of the Course page from the EduFront website
Screenshot of the Home page from the EduFront website
Screenshot of the Digipath page from the EduFront website
Screenshot of the Course Page for Design and Canva from the EduFront website
Screenshot of the Academy for Programming page from the EduFront website
Screenshot of the About Us page from the EduFront website
Screenshot of the Programming in Scratch product page from the EduFront website
Screenshot of the HTML/CSS Course product page from the EduFront website
Screenshot of the Cart page from the EduFront website
Screenshot of the News Archive page from the EduFront website
Screenshot of the Python Course product page from the EduFront website
Screenshot of the Application Form page from the EduFront website
Screenshot of the Academy for Graphic Design page from the EduFront website
Screenshot of the Academy for Web Design page from the EduFront website
Screenshot of the HTML/CSS Adv. Course product page from the EduFront website
Screenshot of the Checkout page from the EduFront website
Screenshot of the Contact page from the EduFront website
Screenshot of the Basic Programming C++ product page from the EduFront website

Testimonials

Feedback from people I’ve worked with

Here’s what clients, collaborators, and team members have said about working together on different projects.

I enthusiastically recommend my esteemed colleague from the IT sector, Mario Cvetkovski, based on our collaborative experience at Sols- Digital Solutions for approximately two years.
During this time, I have had the privilege of observing him evolve into a remarkably versatile and skilled professional in our industry. Notably, he has demonstrated a remarkable commitment to staying at the forefront of technology by consistently upgrading their expertise in crucial areas such as web development, UX/UI design and WordPress.

 

Mario possesses a keen aptitude for web development, consistently delivering top-notch solutions with precision and creativity.

 

His dedication to mastering UX/UI design principles has not only elevated the aesthetic appeal of our projects but also improved overall user experiences. In addition he has become a go-to expert in WordPress, efficiently creating and managing websites with a high degree of proficiency.

 

Mario’s combination of technical expertise and a growth mindset makes them a valuable asset to any team or project.

 

I have no doubt that he will continue to excel and make substantial contributions in the IT sector, and I wholeheartedly endorse them for any future endeavors.

Angela Donevska profile picture

Angela Donevska

3D Fashion Designer | Textile Engineer | Pattern Maker

I have the pleasure of recommending Mario, who’s not your typical developer – he brings an awesome blend of tech wizardry and a killer eye for design.

In our projects together, Mario didn’t just code; he created experiences. He stays ahead of the curve with the latest tech trends, always looking for ways to make things better.

Beyond the skills, Mario is a fantastic team player and wonderful friend. He effortlessly connects the dots between development and design, making our projects smoother and cooler.

In short, if you want a developer who’s not just about code but understands the user experience game, Mario is your go-to person. You won’t regret having him on your team!

Anastasija M-Jovcheska profile picture

Anastasija M-Jovcheska

Product Designer @ TryHackMe

Mario was one of those exceptional freelancers that is hard to find. He was very communicative, had a high degree of attention to detail, went above and beyond and even brought creative solutions to enhance the project.

 

He followed our scope document exactly. And was able to accomplish our design and functionality requirements perfectly.

Kyle Newton profile picture

Kyle Newton

Founder and CEO @ TribePUB

I had the privilege of working with Mario for around a year at influencers.club, where he served as a full-time WordPress developer. His patience and adaptability, especially in our fast-paced startup environment, were truly exceptional. He wasn’t just about fixing issues, he was proactive, constantly identifying opportunities to optimize our website, which significantly contributed to our SEO efforts.

 

What really set Mario apart was his willingness to take on any task thrown his way, even those beyond his official job description. This kind of flexibility and eagerness to contribute wherever needed is rare and highly valuable in any team setting.

 

Beyond his professional capabilities, Mario is genuinely one of the nicest and funniest people I’ve had the pleasure of working with.

I wholeheartedly recommend Mario to any team looking for a skilled WordPress developer who brings more to the table than just technical skills. He’s a true team player and a joy to work with.

Kiril Dameski profile picture

Kiril Dameski

Head of marketing @ Influencers Club

Mario has been on our side for a while now. Responsive, efficient, precise and helpful are a few words to describe Mario’s working method. Thank you Mario!
Kelly McKinnon profile picture

Kelly McKinnon

Founder and CEO @ Corpus Studios

GET IN TOUCH

Let’s make something great together

Interested in collaboration?