Nuwa Pen
Nuwa Pen

Landing page design

Overview

What

Nuwa Pen is an innovative product in its pre-launch phase. The design challenge was to create a landing page strategy that would motivate potential customers to pre-order before release.

To do this, I identified two key user personas:

  • Productivity-focused professionals looking for tools that improve efficiency.

  • Tech enthusiasts driven by curiosity and innovation.

Each audience received a tailored landing page reflecting their motivations, expectations, and behaviors.

Why

Pre-ordering requires strong trust and excitement—users are committing to a product they can’t yet use. The design needed to:

  • Clearly communicate the pen’s value in ways relevant to each persona.

  • Capture attention immediately to reduce bounce rates.

  • Build confidence and credibility to drive pre-order decisions.

The hero section was critical: it had to show the pen’s most compelling features while sparking some curiosity. To achieve this, I used a GIF animation—engaging enough to stop scrolling, yet informative enough to demonstrate functionality.

How

The process followed a structured UX approach:

  1. Research & mapping – Built a UX flow map to visualize user paths and identify decision points.

  2. Prototype exploration – Created a “Frankenstein” prototype to test structure and messaging direction early.

  3. Wireframing – Developed low-fidelity wireframes to refine layout, hierarchy, and content priorities.

  4. Design execution – Translated the approved structure into final designs using Replo, ensuring smooth implementation and responsiveness.

This iterative approach allowed for testing at every stage, ensuring the final landing pages were persona-driven, attention-grabbing, and conversion-focused.

Categories

Tech

Role

UX/UI Design

Landing page design

Overview

What

Nuwa Pen is an innovative product in its pre-launch phase. The design challenge was to create a landing page strategy that would motivate potential customers to pre-order before release.

To do this, I identified two key user personas:

  • Productivity-focused professionals looking for tools that improve efficiency.

  • Tech enthusiasts driven by curiosity and innovation.

Each audience received a tailored landing page reflecting their motivations, expectations, and behaviors.

Why

Pre-ordering requires strong trust and excitement—users are committing to a product they can’t yet use. The design needed to:

  • Clearly communicate the pen’s value in ways relevant to each persona.

  • Capture attention immediately to reduce bounce rates.

  • Build confidence and credibility to drive pre-order decisions.

The hero section was critical: it had to show the pen’s most compelling features while sparking some curiosity. To achieve this, I used a GIF animation—engaging enough to stop scrolling, yet informative enough to demonstrate functionality.

How

The process followed a structured UX approach:

  1. Research & mapping – Built a UX flow map to visualize user paths and identify decision points.

  2. Prototype exploration – Created a “Frankenstein” prototype to test structure and messaging direction early.

  3. Wireframing – Developed low-fidelity wireframes to refine layout, hierarchy, and content priorities.

  4. Design execution – Translated the approved structure into final designs using Replo, ensuring smooth implementation and responsiveness.

This iterative approach allowed for testing at every stage, ensuring the final landing pages were persona-driven, attention-grabbing, and conversion-focused.

Categories

Tech

Role

UX/UI Design

Landing page design

Overview

What

Nuwa Pen is an innovative product in its pre-launch phase. The design challenge was to create a landing page strategy that would motivate potential customers to pre-order before release.

To do this, I identified two key user personas:

  • Productivity-focused professionals looking for tools that improve efficiency.

  • Tech enthusiasts driven by curiosity and innovation.

Each audience received a tailored landing page reflecting their motivations, expectations, and behaviors.

Why

Pre-ordering requires strong trust and excitement—users are committing to a product they can’t yet use. The design needed to:

  • Clearly communicate the pen’s value in ways relevant to each persona.

  • Capture attention immediately to reduce bounce rates.

  • Build confidence and credibility to drive pre-order decisions.

The hero section was critical: it had to show the pen’s most compelling features while sparking some curiosity. To achieve this, I used a GIF animation—engaging enough to stop scrolling, yet informative enough to demonstrate functionality.

How

The process followed a structured UX approach:

  1. Research & mapping – Built a UX flow map to visualize user paths and identify decision points.

  2. Prototype exploration – Created a “Frankenstein” prototype to test structure and messaging direction early.

  3. Wireframing – Developed low-fidelity wireframes to refine layout, hierarchy, and content priorities.

  4. Design execution – Translated the approved structure into final designs using Replo, ensuring smooth implementation and responsiveness.

This iterative approach allowed for testing at every stage, ensuring the final landing pages were persona-driven, attention-grabbing, and conversion-focused.

Categories

Tech

Role

UX/UI Design

© 2025 Camilla Facco — Made with Framer

© 2025 Camilla Facco — Made with Framer

© 2025 Camilla Facco — Made with Framer

Create a free website with Framer, the website builder loved by startups, designers and agencies.