UI.Motion
During my Convergence co-op, I worked on two parallel tracks: a live feature section redesign for Simu.health with dark UI and Lottie motion, and marketing content for Pixel Ramen and Convergence including short form video, LinkedIn campaigns, and interactive web experiences.
Convergence Co-op ran on two tracks. For Simu.health, the existing carousel hid features behind interaction and the light theme dampened motion — so I owned the full pipeline from Figma UI to After Effects motion to Lottie export and Webflow handoff. In parallel, I drove marketing for Pixel Ramen (sub-brand) and Convergence (in-house) — campaign visuals, short-form video, interactive web demos, and weekly LinkedIn publishing.
Create a feature section that communicates product value immediately, with motion that feels purposeful rather than decorative. All features visible at once, no clicks required to discover content.
- Hidden
- Flat
- Unclear
Auto-carousel hid features behind interaction. Glow and blur effects broke on Lottie export. Three breakpoints each needed individual animation density decisions without losing visual hierarchy.
Restructured to show all features simultaneously. Rebuilt every effect as pure shape layers to survive Lottie export intact. Designed mobile-first with reduced animation density that preserves hierarchy.
UI Redesign
Dark theme + glassmorphism. All features visible at once — no carousel.
Responsive Design
Three breakpoints from scratch. Mobile-first — animation density reduced without losing hierarchy.
Motion Design
Motion language defined — purposeful, not decorative. Each animation communicates feature value.
Export to Lottie
Glow and blur don't survive export. Rebuilt everything as pure shape layers to maintain fidelity.
JSON Optimisation
Removed redundant keyframes, merged layers. Files lean enough to load without impacting performance.
Dev Collaboration
Annotated specs for timing, easing, trigger points. Two feedback rounds before final sign-off.
Shipped feature section — dark theme, glassmorphism, Lottie motion integrated end-to-end.
Marketing
Pixel Ramen is Convergence's in-house creative sub-brand — built around a 3D pixel-ramen mascot used across short-form video, interactive web, and seasonal campaigns. Alongside the brand build, I planned content strategy across both brands and identified key messages per platform.
Designed LinkedIn posts, event promotional graphics, and campaign assets in Figma and Illustrator — including the Leadership Spotlight Series and seasonal Convergence campaigns. Used AI image generation for 3D visuals and creative assets, then integrated them into final designs for social and campaign use.
Produced short-form video content and thumbnails for Pixel Ramen — covering AI tool workflows, seasonal campaigns, and design tips.
Built and shipped interactive Pixel Ramen web experiences — live embeds below.
Owned the full workflow end-to-end: content planning → visual design → format adaptation (LinkedIn posts, PDF infographics, thumbnails, short-form reels) → publishing across LinkedIn and digital platforms — keeping one visual system across both brands. Live posts below.