Role

UI/UX Designer
Web Developer(Wix Studio, HTML, CSS, JavaScript)

Team

Team of 2 (Designers)

Skills

Figma, HTML, CSS, JavaScript, WixStudio,Adobe creative suite, FigJam, Notion

Outcome

+91% Task success rate & 20% faster task completion after restructuring navigation, IA, & optimizing layout with clearer CTAs.

PROJECT OVERVIEW

The Travelling Turtles is a platform for eco-conscious travel,
workshops, and
sustainability education

Redesigned The Travelling Turtles platform to boost workshop sign-ups, content discovery, and book sales, aligning design with the mission of eco-conscious travel.

MY IMPACT

Improved user flow, enabling easier workshop sign-up, smoother browsing throughout the site, and greater user engagement.

The redesign focused on enhancing clarity and streamlining navigation, resulting in significant improvements in task success and completion speed

+91%

task success rate

+20%

faster task performance

The original website didn’t fully support its users or mission. Its dense layout and unclear flow made it hard for visitors to know what steps to take next.

Problem

I couldn't find the workshop info, I only got it after using the contact form.

We asked : " What if users could immediately
understand the mission and take action in seconds ? "

Solution

Clarified the homepage to immediately communicate purpose and next steps
Reorganized site’s information architecture, introducing categorized navigation to
simplify discovery of events, expedition vlogs, and books
Added real user stories to build credibility and emotional connection
Standardized CTA placement to ensure key actions are always visible
Prioritized mobile and accessibility to reach users across all devices

My Role

Analyzing the existing design to resolve usability issues and create a more intuitive user experience.

Conducted usability tests and surveys to gather insights
Defined user flows, wireframes, and prototypes for intuitive design
Collaborated with stakeholder to align design with the mission
Iterated on designs based on feedback for optimization

Homepage

Designs

About Author page

Before

After

Before

After

Kick-off meeting

Process

Empathy Research

Define & Ideate

Wireframing & testing

Execution

Kick-off
meeting

Collaborated with stakeholders to define goals, uncover pain points, and align on a shared vision for the redesign.

Combined domain insights, usability testing, and user feedback to understand challenges and shape design decisions.

Research

Heuristic Evaluation

Spotting UX flaws in the existing site
Assessed the site using Nielsen’s heuristics.

Found poor navigation, inconsistent fonts, and weak hierarchy.
Key actions like “Order Book” were buried.

User Survey

Gathering user feedback to inform design
Surveyed 19 users with mixed-method questions.

Common issues: hard-to-find info, unclear CTAs, visual overload.
Helped prioritize simplicity and structure in the redesign.

"Revealing usability flaws through hands-on testing"

To validate early research and uncover practical issues, we conducted task-based usability testing with 5 participants.

Users were asked to complete key tasks like:

Finding the mission and event details
Registering for a workshop
Ordering a book

Domain Research

Exploring the eco-travel landscape
Reviewed 4 competitor sites to analyze content, features, and structure.

Found gaps in personalization and storytelling.
Identified space for expert-led, content-rich positioning.

I couldn’t tell what the organization does. The mission needs to be more visible.

I only found workshop info by using the contact form… that can’t be the intended path, right?

The nav bar kept disappearing. I didn’t know where to go.

Honestly, the interface looks outdated. It's too cluttered and hard to follow.

It took me over a minute to find where to order the book. It wasn’t obvious at all.

Key Findings

Define and Ideate

Translating research insights into focused design decisions

Based on usability findings, we restructured the flow to reduce user friction and guide visitors through essential paths.

Added “About” page to introduce both the author and the foundation, clarifying the mission and story early in the journey

Added “Contact” page for easier communication and inquiry handling

Split the original “Workshops” page into 2 sections:
• Workshops: for event info and registration
• Podcasts: for audio content and learning resources.

Wireframing &
testing

Turning insights into structure and validating it early

Low-fidelity wireframes for all core pages, focused on layout and hierarchy.

Developed quick, interactive prototypes to simulate real user flows and collect feedback.

Custom Functionalities & Technical Additions

Going beyond the visual: building functional, user-centered components

“Custom-coded search bar added to the navigation using HTML/CSS/JS.”

To improve content discoverability, we implemented a custom search bar in the navigation , hand-coded using HTML, CSS, and JavaScript.

“Conditional Contact Form (Phone or Email)”

The redesigned contact section gave users the choice to reach out via phone or email, a feature implemented using Wix’s native “Show/Hide” conditional logic.

Role

Team

Skills

Outcome

PROJECT OVERVIEW

The Travelling Turtles is a platform for eco-conscious travel, workshops, and sustainability education

MY IMPACT

+91%

task success rate

+20%

faster task performance

The original website didn’t fully support its users or mission. Its dense layout and unclear flow made it hard for visitors to know what steps to take next.

Problem

I couldn't find the workshop info, I only got it after using the contact form.

We asked : " What if users could immediately understand the mission and take action in seconds ? "

Solution

Clarified the homepage to immediately communicate purpose and next steps

Reorganized site’s information architecture, introducing categorized navigation to simplify discovery of events, expedition vlogs, and books

Added real user stories to build credibility and emotional connection

Standardized CTA placement to ensure key actions are always visible

Prioritized mobile and accessibility to reach users across all devices

My Role

Analyzing the existing design to resolve usability issues and create a more intuitive user experience.

Conducted usability tests and surveys to gather insights

Defined user flows, wireframes, and prototypes for intuitive design

Collaborated with stakeholder to align design with the mission

Iterated on designs based on feedback for optimization

Homepage

Designs

About Author page

Before

After

Before

After

Process

Kick-off meeting

Collaborated with stakeholders to define goals, uncover pain points, and align on a shared vision for the redesign.

Combined domain insights, usability testing, and user feedback to understand challenges and shape design decisions.

Research

Heuristic Evaluation

User Survey

"Revealing usability flaws through hands-on testing"

To validate early research and uncover practical issues, we conducted task-based usability testing with 5 participants. Users were asked to complete key tasks like:

Finding the mission and event details

Registering for a workshop

Ordering a book ​

Domain Research

I couldn’t tell what the organization does. The mission needs to be more visible.​

I only found workshop info by using the contact form… that can’t be the intended path, right?

The nav bar kept disappearing. I didn’t know where to go.

Honestly, the interface looks outdated. It's too cluttered and hard to follow.

It took me over a minute to find where to order the book. It wasn’t obvious at all.

Key Findings

Define and Ideate

Translating research insights into focused design decisions

Based on usability findings, we restructured the flow to reduce user friction and guide visitors through essential paths.​

Wireframing & testing

Turning insights into structure and validating it early

Low-fidelity wireframes for all core pages, focused on layout and hierarchy.​

Developed quick, interactive prototypes to simulate real user flows and collect feedback.

Custom Functionalities & Technical Additions

Going beyond the visual: building functional, user-centered components​

“Custom-coded search bar added to the navigation using HTML/CSS/JS.”

To improve content discoverability, we implemented a custom search bar in the navigation , hand-coded using HTML, CSS, and JavaScript. ​

“Conditional Contact Form (Phone or Email)”

The redesigned contact section gave users the choice to reach out via phone or email, a feature implemented using Wix’s native “Show/Hide” conditional logic.​

I’d love to hear from you - whether it’s a project, a question, or just a hello

The Travelling Turtles is a platform for eco-conscious travel,
workshops, and
sustainability education

We asked : " What if users could immediately
understand the mission and take action in seconds ? "

Reorganized site’s information architecture, introducing categorized navigation to
simplify discovery of events, expedition vlogs, and books

Kick-off
meeting

To validate early research and uncover practical issues, we conducted task-based usability testing with 5 participants.

Users were asked to complete key tasks like:

Ordering a book

I couldn’t tell what the organization does. The mission needs to be more visible.

Based on usability findings, we restructured the flow to reduce user friction and guide visitors through essential paths.

Wireframing &
testing

Low-fidelity wireframes for all core pages, focused on layout and hierarchy.

Going beyond the visual: building functional, user-centered components

To improve content discoverability, we implemented a custom search bar in the navigation , hand-coded using HTML, CSS, and JavaScript.

The redesigned contact section gave users the choice to reach out via phone or email, a feature implemented using Wix’s native “Show/Hide” conditional logic.