CampConnect
CampConnect
CampConnect
Funded by the University of Melbourne Student Union, CampConnect is a camping service designed specifically for international students in Australia. It addresses the challenges these students face in making new friends and accessing travel resources to explore Australia's landscapes and wildlife. The mobile application, compliant with WCAG 2.1 Level AA accessibility standards, provides vital travel resources, services, and on-site support to enhance their camping experience.
Funded by the University of Melbourne Student Union, CampConnect is a camping service designed specifically for international students in Australia. It addresses the challenges these students face in making new friends and accessing travel resources to explore Australia's landscapes and wildlife. The mobile application, compliant with WCAG 2.1 Level AA accessibility standards, provides vital travel resources, services, and on-site support to enhance their camping experience.
Funded by the University of Melbourne Student Union, CampConnect is a camping service designed specifically for international students in Australia. It addresses the challenges these students face in making new friends and accessing travel resources to explore Australia's landscapes and wildlife. The mobile application, compliant with WCAG 2.1 Level AA accessibility standards, provides vital travel resources, services, and on-site support to enhance their camping experience.
Client
The University of Melbourne
The University of Melbourne
The University of Melbourne
Team
Team
Hoang Thanh Nguyen
Acalapati Priyatama
Aniruddha Ajay Salunke
Wenlong Feng
Zeyu Li
Yilin Zhou
Hoang Thanh Nguyen
Acalapati Priyatama
Aniruddha Ajay Salunke
Wenlong Feng
Zeyu Li
Yilin Zhou
Hoang Thanh Nguyen
Acalapati Priyatama
Aniruddha Ajay Salunke
Wenlong Feng
Zeyu Li
Yilin Zhou
Tools
Tools
Miro
Figma
Voiceflow
Story Tribe
Miro
Figma
Voiceflow
Story Tribe
Miro
Figma
Voiceflow
Story Tribe
My Role
My Role
Sketching
Storyboarding
Wireframing
Sketching
Storyboarding
Wireframing
Sketching
Storyboarding
Wireframing
Timeline
Timeline
10 Weeks
10 Weeks
10 Weeks
Overview
Overview
Overview
Funded by the University of Melbourne Student Union, CampConnect is a camping service designed specifically for international students with special needs in Australia. It addresses the challenges these students face in making new friends and accessing travel resources to explore Australia's landscapes and wildlife. The mobile application, compliant with WCAG 2.1 Level AA accessibility standards, aims to provide vital travel resources, services, and on-site support to enhance their camping experience.
Funded by the University of Melbourne Student Union, CampConnect is a camping service designed specifically for international students with special needs in Australia. It addresses the challenges these students face in making new friends and accessing travel resources to explore Australia's landscapes and wildlife. The mobile application, compliant with WCAG 2.1 Level AA accessibility standards, aims to provide vital travel resources, services, and on-site support to enhance their camping experience.
Funded by the University of Melbourne Student Union, CampConnect is a camping service designed specifically for international students with special needs in Australia. It addresses the challenges these students face in making new friends and accessing travel resources to explore Australia's landscapes and wildlife. The mobile application, compliant with WCAG 2.1 Level AA accessibility standards, aims to provide vital travel resources, services, and on-site support to enhance their camping experience.
Challenge
Challenge
Challenge
This service features a mobile application and on-site support, both crafted to comply with WCAG 2.1 Level AA accessibility standards, ensuring they cater to students with accessibility needs.
The service aims to showcase the design and development process of "CampBuddy" a conversational agent designed to enhance camping experiences for users with accessibility needs.
CampBuddy offers virtual guidance on reservation systems, community connections, deals, affordable camping spots, locations across Australian cities, and accessibility guides.
This service features a mobile application and on-site support, both crafted to comply with WCAG 2.1 Level AA accessibility standards, ensuring they cater to students with accessibility needs.
The service aims to showcase the design and development process of "CampBuddy" a conversational agent designed to enhance camping experiences for users with accessibility needs.
CampBuddy offers virtual guidance on reservation systems, community connections, deals, affordable camping spots, locations across Australian cities, and accessibility guides.
This service features a mobile application and on-site support, both crafted to comply with WCAG 2.1 Level AA accessibility standards, ensuring they cater to students with accessibility needs.
The service aims to showcase the design and development process of "CampBuddy" a conversational agent designed to enhance camping experiences for users with accessibility needs.
CampBuddy offers virtual guidance on reservation systems, community connections, deals, affordable camping spots, locations across Australian cities, and accessibility guides.
Process
Process
Process
Personas: We aimed to develop a comprehensive understanding of our users' objectives, requirements, experiences, and behaviours. To achieve this, we crafted two personas for each user segment, initially based on the design brief. These personas were continuously refined throughout the project as we collected more data. Whenever we needed to gain perspective and reassess our initial concepts, we referred to these personas.
Storyboarding: In the storyboard, I designed two different storyboards to illustrate key touchpoints at digital and physical stages. Using an online tool called Story Tribe, I captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the persona's personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Customer Journey: We developed a customer journey map that narrowed our focus to a specific demographic, centred on the user persona "Ashwin," an international student with a physical disability and limited financial resources. Within this map, we track Ashwin's journey as he explores and engages with our services, observing his emotional responses and thoughts and identifying potential opportunities based on his reactions. This journey map provides a comprehensive understanding of our service operation and informs our design considerations moving forward.
Wireframing: We've designed three distinct low-fidelity screens to showcase the potential look of our digital interface for users. These screens include the home page, destination page, and community page.
On the home page, users are greeted with current deals and a search feature to help them find locations that cater to disabilities. The destination page provides users with an overview of pricing and attractions available at various locations, along with an option to book if interested. The community page allows users to connect with fellow campers, supporting our goal of facilitating camping and social interactions for users like Ashwin.
Each screen is annotated to guide developers and designers in understanding key features requiring additional accessibility, utilising the Figma A11y Annotation Kit.
Chatbot: We created "CampBuddy," a conversational agent integrated into our camping application.
CampBuddy is designed to enrich special needs users' camping journeys by providing virtual guidance on reservation systems, fostering community connections, sharing the latest deals, highlighting budget-friendly spots, detailing camping locations across diverse Australian cities, and offering accessibility guides.
Our target audiences include outdoor enthusiasts and campers with special needs spanning all experience levels.
Link to chatbot: https://creator.voiceflow.com/prototype/66333d4f3727e860fc4b500b
Personas: We aimed to develop a comprehensive understanding of our users' objectives, requirements, experiences, and behaviours. To achieve this, we crafted two personas for each user segment, initially based on the design brief. These personas were continuously refined throughout the project as we collected more data. Whenever we needed to gain perspective and reassess our initial concepts, we referred to these personas.
Storyboarding: In the storyboard, I designed two different storyboards to illustrate key touchpoints at digital and physical stages. Using an online tool called Story Tribe, I captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the persona's personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Customer Journey: We developed a customer journey map that narrowed our focus to a specific demographic, centred on the user persona "Ashwin," an international student with a physical disability and limited financial resources. Within this map, we track Ashwin's journey as he explores and engages with our services, observing his emotional responses and thoughts and identifying potential opportunities based on his reactions. This journey map provides a comprehensive understanding of our service operation and informs our design considerations moving forward.
Wireframing: We've designed three distinct low-fidelity screens to showcase the potential look of our digital interface for users. These screens include the home page, destination page, and community page.
On the home page, users are greeted with current deals and a search feature to help them find locations that cater to disabilities. The destination page provides users with an overview of pricing and attractions available at various locations, along with an option to book if interested. The community page allows users to connect with fellow campers, supporting our goal of facilitating camping and social interactions for users like Ashwin.
Each screen is annotated to guide developers and designers in understanding key features requiring additional accessibility, utilising the Figma A11y Annotation Kit.
Chatbot: We created "CampBuddy," a conversational agent integrated into our camping application.
CampBuddy is designed to enrich special needs users' camping journeys by providing virtual guidance on reservation systems, fostering community connections, sharing the latest deals, highlighting budget-friendly spots, detailing camping locations across diverse Australian cities, and offering accessibility guides.
Our target audiences include outdoor enthusiasts and campers with special needs spanning all experience levels.
Link to chatbot: https://creator.voiceflow.com/prototype/66333d4f3727e860fc4b500b
Personas: We aimed to develop a comprehensive understanding of our users' objectives, requirements, experiences, and behaviours. To achieve this, we crafted two personas for each user segment, initially based on the design brief. These personas were continuously refined throughout the project as we collected more data. Whenever we needed to gain perspective and reassess our initial concepts, we referred to these personas.
Storyboarding: In the storyboard, I designed two different storyboards to illustrate key touchpoints at digital and physical stages. Using an online tool called Story Tribe, I captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the persona's personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Customer Journey: We developed a customer journey map that narrowed our focus to a specific demographic, centred on the user persona "Ashwin," an international student with a physical disability and limited financial resources. Within this map, we track Ashwin's journey as he explores and engages with our services, observing his emotional responses and thoughts and identifying potential opportunities based on his reactions. This journey map provides a comprehensive understanding of our service operation and informs our design considerations moving forward.
Wireframing: We've designed three distinct low-fidelity screens to showcase the potential look of our digital interface for users. These screens include the home page, destination page, and community page.
On the home page, users are greeted with current deals and a search feature to help them find locations that cater to disabilities. The destination page provides users with an overview of pricing and attractions available at various locations, along with an option to book if interested. The community page allows users to connect with fellow campers, supporting our goal of facilitating camping and social interactions for users like Ashwin.
Each screen is annotated to guide developers and designers in understanding key features requiring additional accessibility, utilising the Figma A11y Annotation Kit.
Chatbot: We created "CampBuddy," a conversational agent integrated into our camping application.
CampBuddy is designed to enrich special needs users' camping journeys by providing virtual guidance on reservation systems, fostering community connections, sharing the latest deals, highlighting budget-friendly spots, detailing camping locations across diverse Australian cities, and offering accessibility guides.
Our target audiences include outdoor enthusiasts and campers with special needs spanning all experience levels.
Link to chatbot: https://creator.voiceflow.com/prototype/66333d4f3727e860fc4b500b
Sketches
Sketches: Our team began the ideation stage with low-fidelity sketches using the 10 Plus 10 method. Each team member created approximately 10 concepts to accelerate our decision-making process. We shared these ideas, chose one as the cornerstone of our project, and presented the sketches to peers for feedback.
Additionally, we conducted a desktop walkthrough to simulate the service design experience using Lego pieces and test the physicality of the service location.
This input proved invaluable in refining and enriching our service's features and functionalities, ensuring a holistic design that aligned with diverse user needs and preferences. Our sketches were informed by the personas, business goals, and accessibility considerations
Sketches: Our team began the ideation stage with low-fidelity sketches using the 10 Plus 10 method. Each team member created approximately 10 concepts to accelerate our decision-making process. We shared these ideas, chose one as the cornerstone of our project, and presented the sketches to peers for feedback.
Additionally, we conducted a desktop walkthrough to simulate the service design experience using Lego pieces and test the physicality of the service location.
This input proved invaluable in refining and enriching our service's features and functionalities, ensuring a holistic design that aligned with diverse user needs and preferences. Our sketches were informed by the personas, business goals, and accessibility considerations
Sketches: Our team began the ideation stage with low-fidelity sketches using the 10 Plus 10 method. Each team member created approximately 10 concepts to accelerate our decision-making process. We shared these ideas, chose one as the cornerstone of our project, and presented the sketches to peers for feedback.
Additionally, we conducted a desktop walkthrough to simulate the service design experience using Lego pieces and test the physicality of the service location.
This input proved invaluable in refining and enriching our service's features and functionalities, ensuring a holistic design that aligned with diverse user needs and preferences. Our sketches were informed by the personas, business goals, and accessibility considerations
Desktop Walkthrough
Storyboards within customer journey maps visually depict the persona’s journey through each stage (Krause, 2018). In our storyboarding approach, we included two different storyboards to illustrate key touchpoints at different stages—digital and physical. Using an online tool called Story Tribe, we captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Storyboards within customer journey maps visually depict the persona’s journey through each stage (Krause, 2018). In our storyboarding approach, we included two different storyboards to illustrate key touchpoints at different stages—digital and physical. Using an online tool called Story Tribe, we captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Storyboards within customer journey maps visually depict the persona’s journey through each stage (Krause, 2018). In our storyboarding approach, we included two different storyboards to illustrate key touchpoints at different stages—digital and physical. Using an online tool called Story Tribe, we captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Digital touchpoints storyboard
Digital touchpoints storyboard
Digital touchpoints storyboard
Storyboarding
Storyboards within customer journey maps visually depict the persona’s journey through each stage (Krause, 2018). In our storyboarding approach, we included two different storyboards to illustrate key touchpoints at different stages—digital and physical. Using an online tool called Story Tribe, we captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Storyboards within customer journey maps visually depict the persona’s journey through each stage (Krause, 2018). In our storyboarding approach, we included two different storyboards to illustrate key touchpoints at different stages—digital and physical. Using an online tool called Story Tribe, we captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Storyboards within customer journey maps visually depict the persona’s journey through each stage (Krause, 2018). In our storyboarding approach, we included two different storyboards to illustrate key touchpoints at different stages—digital and physical. Using an online tool called Story Tribe, we captured the essence of the service.
The digital storyboard showcases the persona’s interaction with the app, detailing their booking experience from discovering the camping options to exploring deals and reviews that influence their decision to proceed with the service.
Additionally, the physical storyboard portrays the personal experience upon arrival at the campsite. It covers the check-in process, how the persona is matched with a support agent for their stay, and emphasises the inclusive nature and communal aspects of the camping experience.
Digital touchpoints storyboard
Digital touchpoints storyboard
Digital touchpoints storyboard
Physical touchpoints storyboard
Physical touchpoints storyboard
Physical touchpoints storyboard
Personas
We aimed to develop a comprehensive understanding of our users' objectives, requirements, experiences, and behaviours. To achieve this, we crafted two personas for each user segment, initially based on the design brief. These personas were continuously refined throughout the project as we collected more data. Whenever we needed to gain perspective and reassess our initial concepts, we referred to these personas.
We aimed to develop a comprehensive understanding of our users' objectives, requirements, experiences, and behaviours. To achieve this, we crafted two personas for each user segment, initially based on the design brief. These personas were continuously refined throughout the project as we collected more data. Whenever we needed to gain perspective and reassess our initial concepts, we referred to these personas.
We aimed to develop a comprehensive understanding of our users' objectives, requirements, experiences, and behaviours. To achieve this, we crafted two personas for each user segment, initially based on the design brief. These personas were continuously refined throughout the project as we collected more data. Whenever we needed to gain perspective and reassess our initial concepts, we referred to these personas.
Digital touchpoints storyboard
Digital touchpoints storyboard
Ashwin's Persona
Customer Journey Map
We incorporated a journey map to visualise the user experience from their current stage to their future state. Within this journey map, we’ve decided to narrow our scope down to a targetted demographic by defining a specific user persona, specifically “Ashwin” who is an international student with a physical disability and a tight budget. Within our journey map, we can look through the journey of Ashwin as he ponders and discovers our services. In it, we can observe his emotional response, thoughts, and any specific opportunities that may arise based on his reactions. This journey map helps give us a clear picture of how our service may operate and what to consider when designing around it.
We incorporated a journey map to visualise the user experience from their current stage to their future state. Within this journey map, we’ve decided to narrow our scope down to a targetted demographic by defining a specific user persona, specifically “Ashwin” who is an international student with a physical disability and a tight budget. Within our journey map, we can look through the journey of Ashwin as he ponders and discovers our services. In it, we can observe his emotional response, thoughts, and any specific opportunities that may arise based on his reactions. This journey map helps give us a clear picture of how our service may operate and what to consider when designing around it.
We incorporated a journey map to visualise the user experience from their current stage to their future state. Within this journey map, we’ve decided to narrow our scope down to a targetted demographic by defining a specific user persona, specifically “Ashwin” who is an international student with a physical disability and a tight budget. Within our journey map, we can look through the journey of Ashwin as he ponders and discovers our services. In it, we can observe his emotional response, thoughts, and any specific opportunities that may arise based on his reactions. This journey map helps give us a clear picture of how our service may operate and what to consider when designing around it.
Physical touchpoints storyboard
Physical touchpoints storyboard
Ashwin's user journey
Wireframing
For a closer look at our app, which we named CampConnect, we have designed three separate low-fidelity screens to demonstrate how our digital touchpoint may look for users. The three screens demonstrated include the home page, the destination page, and the community page.
Within the home page, the user is greeted with current deals along with a search feature to help narrow down locations that can accommodate disabilities. On the Destinations page, users can view an overview of the price and range of attractions a location offers, along with an option to book if interested. The Community page allows users to connect with other campers, supporting our service's goal of helping users like Ashwin not only camp but also socialise with others. Each screen includes annotations to assist developers and designers in understanding key features that require additional requirements to meet accessibility needs, using the Figma A11y Annotation Kit.
For a closer look at our app, which we named CampConnect, we have designed three separate low-fidelity screens to demonstrate how our digital touchpoint may look for users. The three screens demonstrated include the home page, the destination page, and the community page.
Within the home page, the user is greeted with current deals along with a search feature to help narrow down locations that can accommodate disabilities. On the Destinations page, users can view an overview of the price and range of attractions a location offers, along with an option to book if interested. The Community page allows users to connect with other campers, supporting our service's goal of helping users like Ashwin not only camp but also socialise with others. Each screen includes annotations to assist developers and designers in understanding key features that require additional requirements to meet accessibility needs, using the Figma A11y Annotation Kit.
For a closer look at our app, which we named CampConnect, we have designed three separate low-fidelity screens to demonstrate how our digital touchpoint may look for users. The three screens demonstrated include the home page, the destination page, and the community page.
Within the home page, the user is greeted with current deals along with a search feature to help narrow down locations that can accommodate disabilities. On the Destinations page, users can view an overview of the price and range of attractions a location offers, along with an option to book if interested. The Community page allows users to connect with other campers, supporting our service's goal of helping users like Ashwin not only camp but also socialise with others. Each screen includes annotations to assist developers and designers in understanding key features that require additional requirements to meet accessibility needs, using the Figma A11y Annotation Kit.
Conclusion
Conclusion
Conclusion
If there is more time to work on this project, I will prioritise the following:
Increase the number of screens and create high-fidelity wireframes to demonstrate a well-rounded, complete system
Turn wireframe designs into high-fidelity prototypes
Conduct additional usability testings
These priorities will aid in eliciting valuable feedback and enhancing the efficiency of the service.
If there is more time to work on this project, I will prioritise the following:
Increase the number of screens and create high-fidelity wireframes to demonstrate a well-rounded, complete system
Turn wireframe designs into high-fidelity prototypes
Conduct additional usability testings
These priorities will aid in eliciting valuable feedback and enhancing the efficiency of the service.
If there is more time to work on this project, I will prioritise the following:
Increase the number of screens and create high-fidelity wireframes to demonstrate a well-rounded, complete system
Turn wireframe designs into high-fidelity prototypes
Conduct additional usability testings
These priorities will aid in eliciting valuable feedback and enhancing the efficiency of the service.
Let's get in contact!
hoangnguyenthanh1712@gmail.com
Upgrade your Web presence with Framer
Let's get in contact!
hoangnguyenthanh1712@gmail.com
View Full Service Proposal