POP
POP
POP
Overview
Where thoughtful design meets real-world impact.
"Make It POP" is an interactive UX case study by Ellianys Restrepo, exploring how good and ethical design choices drive real results in sales, engagement, and user behavior.
Ellianys holds a BFA and brings hands-on marketing experience. She is interested in UX/UI design, digital marketing, and branding. Seeing how poor design quietly hurts businesses inspired her to create this project.
*Tools Used: Framer, Figma, Adobe Illustrator, Adobe Photoshop, and Research Articles.
Overview
Where thoughtful design meets real-world impact.
"Make It POP" is an interactive UX case study by Ellianys Restrepo, exploring how good and ethical design choices drive real results in sales, engagement, and user behavior.
Ellianys holds a BFA and brings hands-on marketing experience. She is interested in UX/UI design, digital marketing, and branding. Seeing how poor design quietly hurts businesses inspired her to create this project.
*Tools Used: Framer, Figma, Adobe Illustrator, Adobe Photoshop, and Research Articles.
Welcome
Agenda
UX Research
We begin to understand goals and visions.
UX Research
We begin to understand goals and visions.
User Testing
Ideas begin to take form through early interviews, A/B testing, etc.
User Testing
Ideas begin to take form through early interviews, A/B testing, etc.
Interactive Examples
Live examples of businesses using these strategies
Interactive Examples
Live examples of businesses using these strategies
Infographic
Data showing increase profitable sales through design
Infographic
Data showing increase profitable sales through design
UX Research
We begin to understand goals and visions.
UX Research
We begin to understand goals and visions.
User Testing
Ideas begin to take form through early interviews, A/B testing, etc.
Interactive Examples
Live examples of businesses using these strategies
A Guide to Responsible Digital Practices
A Guide to Responsible Digital Practices
Ethical vs Unethical Design
Ethical design is clear and transparent, giving users real control. Unethical design uses dark patterns (hidden fees, confusing wording, hard cancellations) to pressure decisions, hurting trust long-term. Why It Matters Surprise fees cause abandonment, while clear flows improve satisfaction. Easy Cancellation Builds Loyalty Simple cancellation increases trust and long-term loyality
Why Cheap Design is Expensive
Cheap design is never actually cheap. It just sends the bill later. You pay in reputation, in confusion, in endless fixes, in lost trust… and sometimes in legal trouble. And by the time you notice the damage, you’re already paying far more than you saved.
Common Sales-Hurting Mistakes
Launching without testing (bugs, crashes) Intrusive pop-ups Poor mobile optimization
Accessibility
ADA-compliant websites follow WCAG 2.1 AA standards so people with disabilities can use them. Key practices: alt text, keyboard navigation, strong color contrast, and clear headings.
Increasing Sales With Design
Micro-interactions Small responses (hover effects, button movement, subtle animation) make interfaces feel responsive and human, increasing engagement and usability, they make poeople stay longer and more likely to purchase.
Button
Button
A Guide to Responsible Digital Practices
Examples & Articles
Latest Post
Latest Post
Latest Post
THE PROCESS
THE PROCESS
Ethical vs Unethical Design
Ethical design is clear and transparent, giving users real control. Unethical design uses dark patterns (hidden fees, confusing wording, hard cancellations) to pressure decisions, hurting trust long-term. Why It Matters Surprise fees cause abandonment, while clear flows improve satisfaction. Easy Cancellation Builds Loyalty Simple cancellation increases trust and long-term loyality
Why Cheap Design is Expensive
Cheap design is never actually cheap. It just sends the bill later. You pay in reputation, in confusion, in endless fixes, in lost trust… and sometimes in legal trouble. And by the time you notice the damage, you’re already paying far more than you saved.
Common Sales-Hurting Mistakes
Launching without testing (bugs, crashes) Intrusive pop-ups Poor mobile optimization
Accessibility
ADA-compliant websites follow WCAG 2.1 AA standards so people with disabilities can use them. Key practices: alt text, keyboard navigation, strong color contrast, and clear headings.
Increasing Sales With Design
Micro-interactions Small responses (hover effects, button movement, subtle animation) make interfaces feel responsive and human, increasing engagement and usability, they make poeople stay longer and more likely to purchase.
