

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:
Research & mapping – Built a UX flow map to visualize user paths and identify decision points.
Prototype exploration – Created a “Frankenstein” prototype to test structure and messaging direction early.
Wireframing – Developed low-fidelity wireframes to refine layout, hierarchy, and content priorities.
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:
Research & mapping – Built a UX flow map to visualize user paths and identify decision points.
Prototype exploration – Created a “Frankenstein” prototype to test structure and messaging direction early.
Wireframing – Developed low-fidelity wireframes to refine layout, hierarchy, and content priorities.
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:
Research & mapping – Built a UX flow map to visualize user paths and identify decision points.
Prototype exploration – Created a “Frankenstein” prototype to test structure and messaging direction early.
Wireframing – Developed low-fidelity wireframes to refine layout, hierarchy, and content priorities.
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




