Mario Biancolella

UX/UI Designer

Mario Biancolella

UX/UI Designer

Creopuro Website

Creopuro Website

Creopuro Website

Creopuro Website

Company

Creopuro

Company

Creopuro

Company

Creopuro

Industry

Sustainable Building

Industry

Sustainable Building

Industry

Sustainable Building

Project type

Landing Page

Project type

Landing Page

Project type

Landing Page

Project Overview

A lightweight company site that explains methods (timber, lime‑hemp, natural finishes), shows real projects and testimonials, and makes it easy to start a conversation. Optimized for mobile and quick scanning.

Role & Collaboration

  • Owned UX/UI across IA, home, methods, projects, and contact flows.

  • Built a small component library (hero, method cards, project case blocks, FAQs, forms) to speed updates.

  • Aligned copy and visuals to Creopuro’s value props: custom builds, local partners, cost/time reliability.

Process

  • Audit: identified messaging gaps around materials, energy class, timelines, and local coverage.

  • IA & flows: simplified menu; grouped content by “What we build,” “How we build,” “Where we operate,” and “Projects.”

  • Design: readable typography, high contrast, modular sections, testimonial highlights, and clear contact CTAs.

  • Validation: quick checks on scroll behavior, method comprehension, and form completion rate.

  • Handoff: tokens and components documented for future pages and campaigns.

Solution Highlights

  • Home that orients: what they do, where they work, key strengths (speed, precision, comfort), and social proof above the fold.

  • Methods made simple: cards for construction methods with benefits (comfort, energy efficiency, materials) and when to choose each.

  • Projects with substance: short case blurbs pairing photos with constraints, approach, and outcomes to build trust.

  • Local presence: service areas and partner network surfaced clearly to reduce perceived distance/risk.

  • Friction‑light contact: short form, expectations on response time, and alternative channels.

Impact & Outcomes

  • Clearer value prop and methods improved time on page and clicks to Projects and Contact.

  • Better proof placement increased consult requests with fewer pre‑sales questions.

  • Componentized pages sped up edits and new sections without visual drift.

Lessons Learned

  • Plain language and real projects beat long technical specs.

  • Mapping content to buyer questions (what/how/where/cost/time) reduces friction.

  • A small, token‑based system is enough to keep a lean corporate site consistent.

Company

Creopuro

Industry

Sustainable Building

Project type

Landing Page

Project Overview

A lightweight company site that explains methods (timber, lime‑hemp, natural finishes), shows real projects and testimonials, and makes it easy to start a conversation. Optimized for mobile and quick scanning.

Role & Collaboration

  • Owned UX/UI across IA, home, methods, projects, and contact flows.

  • Built a small component library (hero, method cards, project case blocks, FAQs, forms) to speed updates.

  • Aligned copy and visuals to Creopuro’s value props: custom builds, local partners, cost/time reliability.

Process

  • Audit: identified messaging gaps around materials, energy class, timelines, and local coverage.

  • IA & flows: simplified menu; grouped content by “What we build,” “How we build,” “Where we operate,” and “Projects.”

  • Design: readable typography, high contrast, modular sections, testimonial highlights, and clear contact CTAs.

  • Validation: quick checks on scroll behavior, method comprehension, and form completion rate.

  • Handoff: tokens and components documented for future pages and campaigns.

Solution Highlights

  • Home that orients: what they do, where they work, key strengths (speed, precision, comfort), and social proof above the fold.

  • Methods made simple: cards for construction methods with benefits (comfort, energy efficiency, materials) and when to choose each.

  • Projects with substance: short case blurbs pairing photos with constraints, approach, and outcomes to build trust.

  • Local presence: service areas and partner network surfaced clearly to reduce perceived distance/risk.

  • Friction‑light contact: short form, expectations on response time, and alternative channels.

Impact & Outcomes

  • Clearer value prop and methods improved time on page and clicks to Projects and Contact.

  • Better proof placement increased consult requests with fewer pre‑sales questions.

  • Componentized pages sped up edits and new sections without visual drift.

Lessons Learned

  • Plain language and real projects beat long technical specs.

  • Mapping content to buyer questions (what/how/where/cost/time) reduces friction.

  • A small, token‑based system is enough to keep a lean corporate site consistent.

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

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