BALI SUN TOURS
A tour website for your next adventure
A tour website for your next adventure
A tour website for your next adventure
Travel planning can be confusing online. I redesigned Bali Sun Tours to create a vibrant, user-friendly website that makes discovering and booking tours seamless across all devices.
Role
Solo
Timeline
20 weeks
Tools
Figma, Procreate, Excel
The problem
The Bali Sun Tours website makes it difficult to explore tours and complete bookings.
Through an initial heuristic evaluation and a personal review of the site, I identified key pain points:
1
Confusion navigation
The original site lacks a top navigation menu, making it difficult for users to explore available tours.
2
Generic visual design
Many tour websites adopt a minimalistic and generic visual style.
3
Unclear text and content
The current site has confusing text due to translation errors and inconsistent formatting.
USER PERSONA
USER PERSONA
USER PERSONA
USER PERSONA
HEURISTIC EVALUTION
HEURISTIC EVALUTION
HEURISTIC EVALUTION
HEURISTIC EVALUTION
RESEARCH
Heuristic findings that shaped project goals
I conducted a heuristic evaluation of the original site with real users, which helped me identify key usability barriers.
This process also allowed me to establish the project goals, focusing on improving navigation, task orientation, and overall visual clarity in the redesign.
RESEARCH
Heuristic findings that shaped project goals
I conducted a heuristic evaluation of the original site with real users, which helped me identify key usability barriers.
This process also allowed me to establish the project goals, focusing on improving navigation, task orientation, and overall visual clarity in the redesign.
RESEARCH
Heuristic findings that shaped project goals
I conducted a heuristic evaluation of the original site with real users, which helped me identify key usability barriers.
This process also allowed me to establish the project goals, focusing on improving navigation, task orientation, and overall visual clarity in the redesign.
RESEARCH
Heuristic findings that shaped project goals
I conducted a heuristic evaluation of the original site with real users, which helped me identify key usability barriers.
This process also allowed me to establish the project goals, focusing on improving navigation, task orientation, and overall visual clarity in the redesign.
HEURISTIC EVALUATION
HEURISTIC EVALUATION
HEURISTIC EVALUATION
HEURISTIC EVALUATION
WIREFRAME ITERATION
WIREFRAME ITERATION
WIREFRAME ITERATION
WIREFRAME ITERATION
DESIGN
Iterating on layouts
With the project’s long timeline, iteration was key. I explored multiple wireframe layouts to refine hierarchy, test navigation patterns, and shape a clearer path toward booking.
DESIGN
Iterating on layouts
With the project’s long timeline, iteration was key. I explored multiple wireframe layouts to refine hierarchy, test navigation patterns, and shape a clearer path toward booking.
DESIGN
Iterating on layouts
With the project’s long timeline, iteration was key. I explored multiple wireframe layouts to refine hierarchy, test navigation patterns, and shape a clearer path toward booking.
DESIGN
Iterating on layouts
With the project’s long timeline, iteration was key. I explored multiple wireframe layouts to refine hierarchy, test navigation patterns, and shape a clearer path toward booking.
DESIGN
Rebranding and visual identity
I developed a vibrant, playful aesthetic inspired by Bali’s sunshine and tropical vibes. Custom illustrations and a bright color palette distinguish Bali Sun Tours from competitors and enhance the overall user experience.
DESIGN
Rebranding and visual identity
I developed a vibrant, playful aesthetic inspired by Bali’s sunshine and tropical vibes. Custom illustrations and a bright color palette distinguish Bali Sun Tours from competitors and enhance the overall user experience.
DESIGN
Rebranding and visual identity
I developed a vibrant, playful aesthetic inspired by Bali’s sunshine and tropical vibes. Custom illustrations and a bright color palette distinguish Bali Sun Tours from competitors and enhance the overall user experience.
DESIGN
Rebranding and visual identity
I developed a vibrant, playful aesthetic inspired by Bali’s sunshine and tropical vibes. Custom illustrations and a bright color palette distinguish Bali Sun Tours from competitors and enhance the overall user experience.
BRANDING
BRANDING
BRANDING
BRANDING
HERO
HERO
HERO
HERO
NOTABLE DESIGN DECISIONS
CTA improvements
The hero now clearly communicates the main call to action, encouraging users to book a tour immediately while highlighting the site’s vibrant aesthetic.
NOTABLE DESIGN DECISIONS
CTA improvements
The hero now clearly communicates the main call to action, encouraging users to book a tour immediately while highlighting the site’s vibrant aesthetic.
NOTABLE DESIGN DECISIONS
CTA improvements
The hero now clearly communicates the main call to action, encouraging users to book a tour immediately while highlighting the site’s vibrant aesthetic.
NOTABLE DESIGN DECISIONS
CTA improvements
The hero now clearly communicates the main call to action, encouraging users to book a tour immediately while highlighting the site’s vibrant aesthetic.
NOTABLE DESIGN DECISIONS
Simple navigation
The new menu organizes tours under a clear dropdown labeled “Our Tours,” replacing the original non-intuitive categorization. This improvement streamlines browsing and helps users find relevant experiences faster.
NOTABLE DESIGN DECISIONS
Simple navigation
The new menu organizes tours under a clear dropdown labeled “Our Tours,” replacing the original non-intuitive categorization. This improvement streamlines browsing and helps users find relevant experiences faster.
NOTABLE DESIGN DECISIONS
Simple navigation
The new menu organizes tours under a clear dropdown labeled “Our Tours,” replacing the original non-intuitive categorization. This improvement streamlines browsing and helps users find relevant experiences faster.
NOTABLE DESIGN DECISIONS
Simple navigation
The new menu organizes tours under a clear dropdown labeled “Our Tours,” replacing the original non-intuitive categorization. This improvement streamlines browsing and helps users find relevant experiences faster.
NAVIGATION
NAVIGATION
NAVIGATION
NAVIGATION
TOUR PAGE PROTOTYPE
NOTABLE DESIGN DECISIONS
A new tour page for quick bookings
I designed a persistent booking component so users can reserve tours at any point while scrolling. Information hierarchy was reorganized to make key details immediately visible, supporting quick decisions.
NOTABLE DESIGN DECISIONS
A new tour page for quick bookings
I designed a persistent booking component so users can reserve tours at any point while scrolling. Information hierarchy was reorganized to make key details immediately visible, supporting quick decisions.
NOTABLE DESIGN DECISIONS
A new tour page for quick bookings
I designed a persistent booking component so users can reserve tours at any point while scrolling. Information hierarchy was reorganized to make key details immediately visible, supporting quick decisions.
NOTABLE DESIGN DECISIONS
A new tour page for quick bookings
I designed a persistent booking component so users can reserve tours at any point while scrolling. Information hierarchy was reorganized to make key details immediately visible, supporting quick decisions.
EXECUTION
The final screens
I designed fully responsive screens for desktop, tablet, and mobile, ensuring a consistent and intuitive experience across devices.
The final screens addressed the project’s goals of improving information architecture, visual design, and content clarity.
EXECUTION
The final screens
I designed fully responsive screens for desktop, tablet, and mobile, ensuring a consistent and intuitive experience across devices.
The final screens addressed the project’s goals of improving information architecture, visual design, and content clarity.
EXECUTION
The final screens
I designed fully responsive screens for desktop, tablet, and mobile, ensuring a consistent and intuitive experience across devices.
The final screens addressed the project’s goals of improving information architecture, visual design, and content clarity.
EXECUTION
The final screens
I designed fully responsive screens for desktop, tablet, and mobile, ensuring a consistent and intuitive experience across devices.
The final screens addressed the project’s goals of improving information architecture, visual design, and content clarity.
RESPONSIVE DESIGN
RESPONSIVE DESIGN
RESPONSIVE DESIGN
RESPONSIVE DESIGN
BEFORE & AFTER
BEFORE & AFTER
BEFORE & AFTER
BEFORE & AFTER
THe OUTCOME
Validating designs with heuristic evaluation
The redesigned site scored 44% higher in a heuristic evaluation compared to the original, with full points across the following heuristics:
1
Visual Design (12/12)
A cleaner palette, typography, and graphics created a more modern, professional look.
2
Navigation (12/12)
A clear hierarchy and consistent menus helped users find pages like About and FAQ without confusion.
3
Task Orientation (12/12)
Streamlined layouts and clear CTAs guided users smoothly toward booking tours.
Moving forward, I’d like to validate these designs with business owners and explore a design system to help StarterByte scale consistently.
WANT MORE?
INKWELL
INKWELL
INKWELL
INKWELL
STARTERBYTE
STARTERBYTE
STARTERBYTE
STARTERBYTE
THANKS FOR STOPPING BY
© 2025 Shannon Jaya
THANKS FOR STOPPING BY
© 2025 Shannon Jaya
THANKS FOR STOPPING BY
© 2025 Shannon Jaya
THANKS FOR STOPPING BY
© 2025 Shannon Jaya