Mario Biancolella

UX/UI Designer

Mario Biancolella

UX/UI Designer

Masilicó Ecommerce

Masilicó Ecommerce

Masilicó Ecommerce

Masilicó Ecommerce

Company

Masilico

Company

Masilico

Company

Masilico

Industry

Gourmet Foods

Industry

Gourmet Foods

Industry

Gourmet Foods

Project type

E-commerce

Project type

E-commerce

Project type

E-commerce

Project Overview

A lightweight company site that explains what Masilco does, shows proof of work, and makes it easy to get in touch optimized for mobile and quick scanning.

Role & Collaboration

  • Owned UX/UI across IA, landing, services, work, and contact flows.

  • Built a small component library (hero, stats, cards, FAQs, forms) for speed and consistency.

  • Aligned tone and visuals with brand values: reliable, practical, and straightforward.

Process

  • Audit: identified messaging gaps, unclear navigation labels, and weak proof placement.

  • IA & flows: simplified menu, grouped services by need, shortened contact path with clear CTAs.

  • Design: readable type, strong contrast, modular sections, and clear form states.

  • Validation: quick checks on copy clarity, scroll behavior, and form completion.

  • Handoff: tokens and components documented for fast updates.

Solution Highlights

  • Home that orients: what they do, for whom, key benefits, and social proof above the fold.

  • Services that convert: short intros, outcomes, and “what you get” with a direct CTA to contact/quote.

  • Work that builds trust: selected projects with problem/solution/results, not just galleries.

  • Friction‑light contact: short form, clear success state, alternative channels, and response expectations.

  • Accessible patterns: AA contrast, larger targets, and helpful errors for mobile users.

Impact & Outcomes

  • Clearer value prop increased clicks to contact and quote pages.

  • Better proof placement improved time on “Work” and scroll depth on Home.

  • Componentized pages sped up edits and new sections with minimal design effort.

Lessons Learned

  • Plain language beats jargon for service websites.

  • Proof near CTAs outperforms long case studies hidden below.

  • A small, token‑based system is enough for a lean corporate site.

Company

Masilico

Industry

Gourmet Foods

Project type

E-commerce

Project Overview

A lightweight company site that explains what Masilco does, shows proof of work, and makes it easy to get in touch optimized for mobile and quick scanning.

Role & Collaboration

  • Owned UX/UI across IA, landing, services, work, and contact flows.

  • Built a small component library (hero, stats, cards, FAQs, forms) for speed and consistency.

  • Aligned tone and visuals with brand values: reliable, practical, and straightforward.

Process

  • Audit: identified messaging gaps, unclear navigation labels, and weak proof placement.

  • IA & flows: simplified menu, grouped services by need, shortened contact path with clear CTAs.

  • Design: readable type, strong contrast, modular sections, and clear form states.

  • Validation: quick checks on copy clarity, scroll behavior, and form completion.

  • Handoff: tokens and components documented for fast updates.

Solution Highlights

  • Home that orients: what they do, for whom, key benefits, and social proof above the fold.

  • Services that convert: short intros, outcomes, and “what you get” with a direct CTA to contact/quote.

  • Work that builds trust: selected projects with problem/solution/results, not just galleries.

  • Friction‑light contact: short form, clear success state, alternative channels, and response expectations.

  • Accessible patterns: AA contrast, larger targets, and helpful errors for mobile users.

Impact & Outcomes

  • Clearer value prop increased clicks to contact and quote pages.

  • Better proof placement improved time on “Work” and scroll depth on Home.

  • Componentized pages sped up edits and new sections with minimal design effort.

Lessons Learned

  • Plain language beats jargon for service websites.

  • Proof near CTAs outperforms long case studies hidden below.

  • A small, token‑based system is enough for a lean corporate site.

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

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