Researcher & Visual Designer
SMS & MMS
Motion & Brand Designer – Yena Jeong
Strategic Design Manager – Jackie Jiang
Visual Designer – Me
-Image contrast testing
-Motion best practices
-UI mockups
-Internal demos
-Client-facing documentation
-EzGif.com
-Photoshop
-iOS & Android software
Attentive’s platform allows businesses to send personalized SMS and MMS messages to subscribers. Many campaigns rely on image, GIF, and video content, so ensuring visual clarity and consistency across iOS and Android devices is essential for accessibility, brand perception, and user trust.
-Investigated image and motion rendering differences across mobile operating systems
-Audited visual legibility, color contrast, and animation playback issues
-Standardized best practices for asset formatting and delivery
-Delivered step-by-step demos and tools to support internal teams
-Co-developed a public-facing guide for client education and success
Research & competitive analysis
-Conducted a competitive audit of motion/image messaging standardsReviewed limitations in Attentive’s platform (e.g. file size caps, transparency behavior)
-Gathered real examples from internal teams to map issue types and root causes
Systemizing fixes & workflow
-Categorized issues by platform (iOS vs. Android) and content type (image, GIF, video)Tested visual fixes and built repeatable design formulas for common problems
-Created Figma templates and internal tools to speed up asset prep and QA
Documenting & sharing
-Built internal guides and mockups for design and marketing
-Produced demos and walkthroughs to educate teams on best practices
-Collaborated with tech writers to publish a public-facing help articleCreated a Jira card type and Slack channel to support client issues in real time
Visual consistency in MMS was a recurring pain point for clients. Below are the common issues I uncovered and how I solved them:
Problem: Images with low contrast (e.g. light product on light background) became unreadable once delivered via text, especially on older OS versions.
Solution: Designers were advised to adjust contrast through color shifts in backgrounds or main elements to improve legibility.
Problem: When transparent backgrounds were used in images or GIFs, devices would fill them with random colors (like gray or green), harming brand consistency.
Solution: Added solid color or image backgrounds to avoid unpredictable fills across Android and iOS.
Problem: On iOS, the triangle on text bubbles would shift bordered images slightly off-center, unlike Android, creating a misaligned look.
Solution: Removed borders altogether to maintain alignment and give the illusion of visual balance across devices.
-Reduced volume of client issues related to visual asset rendering
-Equipped internal teams with clear systems for asset troubleshooting
-Improved the visual quality and brand consistency of MMS campaigns
-Created an educational resource that extended design thinking into client experience