Mario Biancolella

UX/UI Designer

Mario Biancolella

UX/UI Designer

Iglu.dev Website

Iglu.dev Website

Iglu.dev Website

Iglu.dev Website

Company

Iglu

Company

Iglu

Company

Iglu

Industry

Industry

Industry

Industry

Industry

Industry

Project type

Website

Project type

Website

Project type

Website

Project Overview

A concise services website that showcases what iglu builds, how the team works, and why clients should trust them optimized for mobile scanning and quick contact.

Role & Collaboration

  • UI ownership: visual language, components, states, and responsive rules across Home, Services, Work, and Contact.

  • Collaboration: the UX team delivered IA, flows, and content; UI refined hierarchy, interaction patterns, and dev‑ready specs.

  • Handoff: tokens, component specs, and motion guidance for smooth implementation.

Process

  • Audit: assessed service pages, signal density (stack, process, proof), and CTA clarity.

  • UI System: defined type scale, color tokens, spacing, iconography, and state patterns.

  • Responsiveness & a11y: grid/breakpoints, focus/error states, motion kept subtle.

  • Validation: quick checks on scan paths, process comprehension, and form completion.

Solution Highlights

  • Services: component blocks with “what’s included,” tech focus, and who it’s for—paired with primary CTAs.

  • Process: stepper visuals (discovery → milestones → reviews) for expectation setting.

  • Proof: case cards, quotes/ratings, and team presence near decision points.

  • Contact: short form, inline validation, response expectations, and alt channels.

  • UI kit: service sections, process stepper, case cards, testimonials, FAQs, forms with state coverage.

Impact & Outcomes

  • Cleaner hierarchy improved scan speed and primary CTA engagement across key pages.

  • Consistent components reduced UI defects and review cycles during build.

  • Token‑based theming enabled faster tweaks for new campaigns without layout rework.

Lessons Learned

  • Strong UI systems amplify solid UX hierarchy and states make flows feel effortless.

  • Put proof next to the ask; long proofs hidden below underperform.

  • Documented tokens/components are the fastest route to reliable delivery.

Company

Iglu

Industry

Industry

Project type

Website

Project Overview

A concise services website that showcases what iglu builds, how the team works, and why clients should trust them optimized for mobile scanning and quick contact.

Role & Collaboration

  • UI ownership: visual language, components, states, and responsive rules across Home, Services, Work, and Contact.

  • Collaboration: the UX team delivered IA, flows, and content; UI refined hierarchy, interaction patterns, and dev‑ready specs.

  • Handoff: tokens, component specs, and motion guidance for smooth implementation.

Process

  • Audit: assessed service pages, signal density (stack, process, proof), and CTA clarity.

  • UI System: defined type scale, color tokens, spacing, iconography, and state patterns.

  • Responsiveness & a11y: grid/breakpoints, focus/error states, motion kept subtle.

  • Validation: quick checks on scan paths, process comprehension, and form completion.

Solution Highlights

  • Services: component blocks with “what’s included,” tech focus, and who it’s for—paired with primary CTAs.

  • Process: stepper visuals (discovery → milestones → reviews) for expectation setting.

  • Proof: case cards, quotes/ratings, and team presence near decision points.

  • Contact: short form, inline validation, response expectations, and alt channels.

  • UI kit: service sections, process stepper, case cards, testimonials, FAQs, forms with state coverage.

Impact & Outcomes

  • Cleaner hierarchy improved scan speed and primary CTA engagement across key pages.

  • Consistent components reduced UI defects and review cycles during build.

  • Token‑based theming enabled faster tweaks for new campaigns without layout rework.

Lessons Learned

  • Strong UI systems amplify solid UX hierarchy and states make flows feel effortless.

  • Put proof next to the ask; long proofs hidden below underperform.

  • Documented tokens/components are the fastest route to reliable delivery.

This work was developed in collaboration with Domenico di Donna

This work was developed in collaboration with Domenico di Donna