eLearning UX UI Design platform
eLearning UX UI Design platform
Contributions
UX / UI Mentorship
UX / UI Design
Business Owner
Duration
2 months
About
CopyUI was born out of a need I identified in Romania’s educational market: aspiring UX/UI designers lacked access to high-quality, comprehensive resources in their native language. Many existing platforms focus solely on UI design, leaving critical areas like UX, research, and design systems underserved. My goal was to bridge this gap by creating a platform tailored to beginners while introducing specialized courses for more advanced learners in the future.
CopyUI was born out of a need I identified in Romania’s educational market: aspiring UX/UI designers lacked access to high-quality, comprehensive resources in their native language. Many existing platforms focus solely on UI design, leaving critical areas like UX, research, and design systems underserved. My goal was to bridge this gap by creating a platform tailored to beginners while introducing specialized courses for more advanced learners in the future.
Research & Insights
To ensure the platform addressed real needs, I conducted extensive market research. This revealed:
A significant lack of UX-focused content, with most platforms prioritizing UI.
No dedicated courses on Design Systems or developer collaboration.
A growing demand among young learners (16-24 years old) for structured, beginner-friendly courses.
To ensure the platform addressed real needs, I conducted extensive market research. This revealed:
A significant lack of UX-focused content, with most platforms prioritizing UI.
No dedicated courses on Design Systems or developer collaboration.
A growing demand among young learners (16-24 years old) for structured, beginner-friendly courses.
Mastering UX/UI Through Play and Practice
Mastering UX/UI Through Play and Practice
Mihai Cristea
I want to learn UX/UI design, but it's hard to know where to start. There are so many tools and tutorials out there, and I just need a clear, beginner-friendly path to build my skills and confidence.
I want to learn UX/UI design, but it's hard to know where to start. There are so many tools and tutorials out there, and I just need a clear, beginner-friendly path to build my skills and confidence.
Age
21
Ocupation
Student
Tech-Savvy Level
Moderate
Frustrations
Overwhelmed by resources: There’s too much information online, making it hard to know where to start or which resources to trust.
Lack of practical guidance: Tutorials often lack real-world context or don’t teach how to apply skills effectively.
Imposter syndrome: Feels they’re "not creative enough" compared to others in the field.
Confusing design tools: Struggles with learning software like Figma or Adobe XD due to lack of clear guidance for beginners.
Time constraints: Balancing studies or part-time jobs makes it difficult to commit to long learning sessions.
Overwhelmed by resources: There’s too much information online, making it hard to know where to start or which resources to trust.
Lack of practical guidance: Tutorials often lack real-world context or don’t teach how to apply skills effectively.
Imposter syndrome: Feels they’re "not creative enough" compared to others in the field.
Confusing design tools: Struggles with learning software like Figma or Adobe XD due to lack of clear guidance for beginners.
Time constraints: Balancing studies or part-time jobs makes it difficult to commit to long learning sessions.
Goals
Learn foundational skills: Understand the basics of UX/UI design, such as wireframing, prototyping, and usability principles.
Build a portfolio: Create projects to showcase their skills to potential employers or schools.
Stay inspired: Discover trends and examples of great design.
Develop confidence: Transition from "complete beginner" to someone comfortable tackling real-world projects.
Affordable learning: Access quality education and tools without breaking the bank.
Learn foundational skills: Understand the basics of UX/UI design, such as wireframing, prototyping, and usability principles.
Build a portfolio: Create projects to showcase their skills to potential employers or schools.
Stay inspired: Discover trends and examples of great design.
Develop confidence: Transition from "complete beginner" to someone comfortable tackling real-world projects.
Affordable learning: Access quality education and tools without breaking the bank.
Platform Structure
Landing Page
Course overview, pricing, and registration options.
Onboarding
A simple, straightforward registration process leading to the course content.
Interactive Learning
A gamified structure with 10 levels.
Only one learner per session can reach Level 10, earning a €100 prize and a free advanced course.
Landing Page
Course overview, pricing, and registration options.
Onboarding
A simple, straightforward registration process leading to the course content.
Interactive Learning
A gamified structure with 10 levels.
Only one learner per session can reach Level 10, earning a €100 prize and a free advanced course.
Gamification & Rewards
Level Progression:
Lessons award fixed points.
Assignments provide customizable points for differentiation.
Unique Rewards:
1:1 feedback calls.
Job recommendations.
Project reviews.
Opportunities to work on real-world projects with me.
Level Progression:
Lessons award fixed points.
Assignments provide customizable points for differentiation.
Unique Rewards:
1:1 feedback calls.
Job recommendations.
Project reviews.
Opportunities to work on real-world projects with me.
Curriculum Highlights
The curriculum covers a comprehensive range of topics, including:
UX Foundations: User flows, wireframes, information architecture, and workflows.
UI Mastery: Figma techniques (e.g., auto-layout, variables, styles), designing states, corner cases, and advanced interactions.
UX Research: Understanding business objectives, conducting user research, and usability testing.
Design Systems: Building reusable components and collaborating effectively with developers.
Case Study Development: Students complete the course with a fully developed case study based on a chosen niche.
Assignments are tailored to different domains, ensuring practical, real-world applications (e.g., creating a user flow for a CRM).
The curriculum covers a comprehensive range of topics, including:
UX Foundations: User flows, wireframes, information architecture, and workflows.
UI Mastery: Figma techniques (e.g., auto-layout, variables, styles), designing states, corner cases, and advanced interactions.
UX Research: Understanding business objectives, conducting user research, and usability testing.
Design Systems: Building reusable components and collaborating effectively with developers.
Case Study Development: Students complete the course with a fully developed case study based on a chosen niche.
Assignments are tailored to different domains, ensuring practical, real-world applications (e.g., creating a user flow for a CRM).
Innovative Approach
Innovative Approach
What sets CopyUI apart is the concept of “learning by example.” The course videos not only teach design concepts but also show how I applied these principles to build the CopyUI platform itself.
Through this approach, students gain:
A deep understanding of how UX/UI concepts are applied in real projects.
Practical assignments in diverse industries to solidify their skills.
What sets CopyUI apart is the concept of “learning by example.” The course videos not only teach design concepts but also show how I applied these principles to build the CopyUI platform itself.
Through this approach, students gain:
A deep understanding of how UX/UI concepts are applied in real projects.
Practical assignments in diverse industries to solidify their skills.
Process
Process
From Concept to Execution
From Concept to Execution
1. Market and Competitor Research
1. Market and Competitor Research
Conducted intensive research on competitors and the market to identify gaps in existing platforms, particularly the lack of comprehensive UX-focused content and Design System resources.
Conducted intensive research on competitors and the market to identify gaps in existing platforms, particularly the lack of comprehensive UX-focused content and Design System resources.
2. User Flow Creation
2. User Flow Creation
Designed a detailed user flow encompassing all platform sections and backend processes. This ensured a seamless experience for both users and the operational side.
Designed a detailed user flow encompassing all platform sections and backend processes. This ensured a seamless experience for both users and the operational side.
3. Information Architecture
3. Information Architecture
Built the information architecture to identify necessary elements and components, laying the foundation for an organized and scalable design.
Built the information architecture to identify necessary elements and components, laying the foundation for an organized and scalable design.
4. Style Guide Development
4. Style Guide Development
Created a Style Guide instead of a full Design System, as a single designer. It includes all essential components, their states, and variations to maintain visual consistency.
Created a Style Guide instead of a full Design System, as a single designer. It includes all essential components, their states, and variations to maintain visual consistency.
5. Low-Fi Wireframes and Layout Definition
5. Low-Fi Wireframes and Layout Definition
Developed low-fidelity wireframes to define layouts, exploring the optimal structure for each page based on the information architecture.
Developed low-fidelity wireframes to define layouts, exploring the optimal structure for each page based on the information architecture.
6. UI Design
6. UI Design
Applied the Style Guide to create high-fidelity designs for all pages, ensuring a visually cohesive and intuitive interface.
Applied the Style Guide to create high-fidelity designs for all pages, ensuring a visually cohesive and intuitive interface.
7. Prototyping and Testing
7. Prototyping and Testing
A prototype is ready for usability testing with Maze to gather feedback before the platform goes live. Once live, additional testing will ensure the platform meets user expectations.
A prototype is ready for usability testing with Maze to gather feedback before the platform goes live. Once live, additional testing will ensure the platform meets user expectations.
User flow
User flow
Style Guide
Style Guide
Tokens
Tokens
Atoms
Atoms
Designs
Designs
Social Media
Social Media
I was responsible for the entire social media and marketing process for Copy UI, from filming and photography to content creation.
This included editing videos, editing photos, and designing posts, stories, and videos for social media platforms.
My work aimed to enhance engagement and visibility, ensuring the brand’s message resonated with the target audience.
I was responsible for the entire social media and marketing process for Copy UI, from filming and photography to content creation.
This included editing videos, editing photos, and designing posts, stories, and videos for social media platforms.
My work aimed to enhance engagement and visibility, ensuring the brand’s message resonated with the target audience.
Outcome for Learners
By the end of the course, students will:
Have a personalized workflow and structured design files.
Apply UX/UI principles to create a final project, including a case study.
Receive a certificate with their performance score.
Be industry-ready, equipped with practical skills and a strong portfolio.
By the end of the course, students will:
Have a personalized workflow and structured design files.
Apply UX/UI principles to create a final project, including a case study.
Receive a certificate with their performance score.
Be industry-ready, equipped with practical skills and a strong portfolio.
My Contribution
To bring this vision to life, I utilized my expertise across:
UX Research: Understanding the target audience and defining key objectives.
UI Design: Crafting intuitive interfaces for web and mobile.
Design Systems: Ensuring consistency, scalability, and seamless collaboration.
User Testing: Validating features for optimal usability.
Social Media marketing
Business Strategy
CopyUI represents not just a platform but an immersive learning experience built on my personal design philosophy and professional expertise.
Other case studies
Awin
Building Design System with AI Integration
Pazanga
Full service marketing and PR for healthcare and life sciens.
Tamoil
Empowering fleet management with flexible budgets
BCR
Empower Your Financial Future
Ready to go beyond the moon?
See how we can turn your brand into a stellar success!
Want to jump on a call?
Book a 30 min call via Calendly
Ready to go beyond the moon?
See how we can turn your brand into a stellar success!
Want to jump on a call?
Book a 30 min call via Calendly
Maya Design Lab
Designs that go beyond the moon.
© 2024, MayaUX. All rights reserved.
TikTok
Explore
Home
About us
Services
Case studies
Blog
coming soon
Industries
SaaS
Fintech
Banking
Ecommerce
Logistics
Telecom
Medical
Support
FAQ
Contact
Terms and conditions
Privacy Policy
Maya Design Lab
Designs that go beyond the moon.
© 2024, MayaUX. All rights reserved.
TikTok
Explore
Home
About us
Services
Case studies
Blog
coming soon
Industries
SaaS
Fintech
Banking
Ecommerce
Logistics
Telecom
Medical
Support
FAQ
Contact
Terms and conditions
Privacy Policy
Maya Design Lab
Designs that go beyond the moon.
© 2024, MayaUX. All rights reserved.
TikTok
Explore
Home
About us
Services
Case studies
Blog
coming soon
Industries
SaaS
Fintech
Banking
Ecommerce
Logistics
Telecom
Medical
Support
FAQ
Contact
Terms and conditions
Privacy Policy