LINJUN LI

Work
About
About
Explore
Explore
Resume
Resume
LINJUN LI

Project Menu

Project Overview
Team Collaboration
Team Collaboration
Problem
User Research
Design Desicion
User Interface
Final Outcome
Early Impact & Design Growth at Save the Water™ (2023)

Early Impact & Design Growth at Save the Water™ (2023)

In 2023, I joined Save the Water™ as a UX/UI Designer. In my first months, I contributed to two key projects that supported the organization’s goals:


  • The Summer eCamp Registration Page, developed to streamline registration and improve the experience for parents and students

  • The Leadership Team Page, designed to introduce key figures and build credibility

    These projects reflect my collaborative approach, quick learning, and ability to adapt to nonprofit digital needs.


Below primary is showcase Summer eCamp Registration Page for the annual educational program.


In 2023, I joined Save the Water™ as a UX/UI Designer. In my first months, I contributed to two key projects that supported the organization’s goals:


  • The Summer eCamp Registration Page, developed to streamline registration and improve the experience for parents and students

  • The Leadership Team Page, designed to introduce key figures and build credibility

    These projects reflect my collaborative approach, quick learning, and ability to adapt to nonprofit digital needs.


Below primary is showcase Summer eCamp Registration Page for the annual educational program.


In 2023, I joined Save the Water™ as a UX/UI Designer. In my first months, I contributed to two key projects that supported the organization’s goals:


  • The Summer eCamp Registration Page, developed to streamline registration and improve the experience for parents and students

  • The Leadership Team Page, designed to introduce key figures and build credibility

    These projects reflect my collaborative approach, quick learning, and ability to adapt to nonprofit digital needs.


Below primary is showcase Summer eCamp Registration Page for the annual educational program.


Responsibilities

Visual Design • Clean, accessible layouts using Save the Water™ branding • Consistent visuals across all sections and screen sizes UI/UX Design • User-friendly design for desktop and mobile • Improved registration flow and content clarity • Refined design through team feedback and iteration

Team

• Education Team – Provided eCamp content and structure • HR Team – Shared leadership info and photos • UX/UI Team – Worked with Kasia and Shoba on layout and flow • Dev Team – Shared Figma files and discussed WordPress plugins
• Education Team – Provided eCamp content and structure • HR Team – Shared leadership info and photos • UX/UI Team – Worked with Kasia and Shoba on layout and flow • Dev Team – Shared Figma files and discussed WordPress plugins

Project Details

Timeline: • April – September 2023 Tools Used: • Figma, WordPress, Google Drive Goals: • Build trust with a clear, welcoming Leadership page • Simplify eCamp registration for parents and students • Ensure accessibility and brand consistency

Problem

Problem
Problem
The previous summer eCamp registration page lacked clarity, structure, and user-focused content. Key issues included: • No clear call-to-action or subtitle explaining the program • Unclear visuals that didn’t represent the target audience (students and parents) • Missing or scattered program details, making it hard for users to understand the value before registering • Poor content hierarchy and overwhelming layout, leading to confusion and drop-off

Before Redesign: Usability Analysis of Previous Summer eCamp Page

User Research

User Research
User Research

Survey Findings & Design Impact


To better understand user needs for the registration experience, I conducted a short pre-registration survey targeting parents and guardians.



Survey Findings & Design Impact


To better understand user needs for the registration experience, I conducted a short pre-registration survey targeting parents and guardians.


Survey Findings & Design Impact

To better understand user needs for the registration experience, I conducted a short pre-registration survey targeting parents and guardians.

The survey revealed three top priorities:

The survey revealed three top priorities:

The survey revealed three top priorities:

Design Decisions

Design Decisions
Design Decisions

Content Planning & Section Strategy

Content Planning & Section Strategy

Based on the survey insights, I sketched out content priorities for the registration page to guide the wireframe layout.
I focused on three core areas:
  • What is the eCamp? Clear program intro, with value proposition and visuals for the target age group
  • Why join? A list of engaging features, short testimonials, and clear learning outcomes
  • How to register? Simple, mobile-friendly form with immediate confirmation messaging

Content & Layout Blueprint

Content & Layout Blueprint

I created design notes to align each section with clear content strategy and visual direction. The goal is to inform and motivate parents to enroll their children by using friendly visuals, concise messaging, and strong call-to-actions. Each section is purposefully designed—from the engaging hero and program highlights to testimonials and final enrollment; ensuring a user-friendly, informative, and emotionally resonant experience.
I created design notes to align each section with clear content strategy and visual direction. The goal is to inform and motivate parents to enroll their children by using friendly visuals, concise messaging, and strong call-to-actions. Each section is purposefully designed—from the engaging hero and program highlights to testimonials and final enrollment; ensuring a user-friendly, informative, and emotionally resonant experience.
  • How to register? Simple, mobile-friendly form with immediate confirmation messaging
I created design notes to align each section with clear content strategy and visual direction. The goal is to inform and motivate parents to enroll their children by using friendly visuals, concise messaging, and strong call-to-actions. Each section is purposefully designed—from the engaging hero and program highlights to testimonials and final enrollment; ensuring a user-friendly, informative, and emotionally resonant experience.

Final User Interface

Final User Interface
Final User Interface

From Drafts to Final UI

This slide documents the evolution of the hero section—from early drafts to the final accepted design. Iterations focused on aligning visuals with the online learning theme, improving accessibility, and targeting the right user group.

Final Outcome

Final Outcome
Final Outcome

Phase 1 Launch

After release, the Water Facts landing page achieved a strong engagement rate of 79.35%, with 134 views and 73 engaged sessions across 9 countries.
Top traffic sources included Direct and Organic Search, showing early discovery traction.
After release, the Water Facts landing page achieved a strong engagement rate of 79.35%, with 134 views and 73 engaged sessions across 9 countries.
Top traffic sources included Direct and Organic Search, showing early discovery traction.
See It in Action
See It in Action

Built with WordPress – Design by Me

Other Case Study
Other Case Study
Early UX/UI Project & Growth for Save the Water™ 2023
Early UX/UI Project & Growth for Save the Water™ 2023
Early UX/UI Project & Growth for Save the Water™ 2023
Study Case: Personalized Pilates
Study Case: Personalized Pilates
Study Case: Personalized Pilates
Study Case: Personalized Pilates
Study Case: A Resort Booking Experience 2022
Study Case: A Resort Booking Experience 2022
Study Case: A Resort Booking Experience 2022

© 2025 Linjun Li. All Rights Reserved.

© 2025 Linjun Li. All Rights Reserved.

© 2025 Linjun Li. All Rights Reserved.