Mario Biancolella

UX/UI Designer

Mario Biancolella

UX/UI Designer

myT Brand Refresh

myT Brand Refresh

myT Brand Refresh

myT Brand Refresh

Company

myTomorrows

Company

myTomorrows

Company

myTomorrows

Industry

HeathTech

Industry

HeathTech

Industry

HeathTech

Project type

Branding & Social Media

Project type

Branding & Social Media

Project type

Branding & Social Media

Project Overview

Redesigned the social visual system end-to-end to modernize look and voice, improve readability, and drive consistency across LinkedIn, Instagram, and event assets.

Role & Collaboration

  • Owned UX/UI for social branding: templates, type scale, color, motion, and asset production with Marketing and PM.

  • Built Figma libraries and export pipelines for fast content creation.

  • Coordinated rollout and guidelines to ensure consistent usage across teams and channels.

Process

  • Audit: Reviewed previous posts, engagement patterns, accessibility gaps, and brand drift across channels.

  • Define: Set tokens for color, type, spacing, grid, and motion; updated voice/tone for concise, patient- and HCP-friendly copy.

  • Design: Created modular templates for news, education, product updates, events, testimonials, and data cards.

  • Document: Packaged usage rules, do’s/don’ts, and export specs in a lightweight brand guide.

  • Rollout: Phased channel updates, A/B visuals, and content QA for accessibility and clarity.

Solution Highlights

  • Clear typographic hierarchy, higher contrast, accessible color pairings, and simpler layouts.

  • Template system: square, vertical, and horizontal variants with safe areas and grid.

  • Unified iconography, illustration style, and data visualization patterns.

Impact & Outcomes

  • Faster content production via reusable templates and tokens.

  • More consistent brand presence across posts, campaigns, and events.

  • Accessibility improvements aligned to WCAG contrast and legibility.

Lessons Learned

  • Social clarity wins: big type, tight copy, and strong contrast outperform decorative layouts.

  • Design tokens and templates cut turnaround time and reduce off-brand drift.

  • Lightweight, visual guidelines drive adoption better than text-heavy docs.

Company

myTomorrows

Industry

HeathTech

Project type

Branding & Social Media

Project Overview

Redesigned the social visual system end-to-end to modernize look and voice, improve readability, and drive consistency across LinkedIn, Instagram, and event assets.

Role & Collaboration

  • Owned UX/UI for social branding: templates, type scale, color, motion, and asset production with Marketing and PM.

  • Built Figma libraries and export pipelines for fast content creation.

  • Coordinated rollout and guidelines to ensure consistent usage across teams and channels.

Process

  • Audit: Reviewed previous posts, engagement patterns, accessibility gaps, and brand drift across channels.

  • Define: Set tokens for color, type, spacing, grid, and motion; updated voice/tone for concise, patient- and HCP-friendly copy.

  • Design: Created modular templates for news, education, product updates, events, testimonials, and data cards.

  • Document: Packaged usage rules, do’s/don’ts, and export specs in a lightweight brand guide.

  • Rollout: Phased channel updates, A/B visuals, and content QA for accessibility and clarity.

Solution Highlights

  • Clear typographic hierarchy, higher contrast, accessible color pairings, and simpler layouts.

  • Template system: square, vertical, and horizontal variants with safe areas and grid.

  • Unified iconography, illustration style, and data visualization patterns.

Impact & Outcomes

  • Faster content production via reusable templates and tokens.

  • More consistent brand presence across posts, campaigns, and events.

  • Accessibility improvements aligned to WCAG contrast and legibility.

Lessons Learned

  • Social clarity wins: big type, tight copy, and strong contrast outperform decorative layouts.

  • Design tokens and templates cut turnaround time and reduce off-brand drift.

  • Lightweight, visual guidelines drive adoption better than text-heavy docs.

This work was developed while I was working for myTomorrows and in collaboration with its design team.

This work was developed while I was working for myTomorrows and in collaboration with its design team.