[vc_row anchor_wrap_section=”no” use_container=”yes”][vc_column][ts_text_block block_type=”portfolio” animate_block=”yes” animation_type=”fadeIn”]
AA Singapore
The Automobile Association of Singapore (AAS) is a renowned organization that provides a wide range of services to motorists and promotes road safety in Singapore.[/ts_text_block][vc_row_inner][vc_column_inner width=”1/2″][ts_text_block animate_block=”yes” animation_type=”fadeIn”]
Team
I collaborated with UI/UX designers (Asilah, Izi) and Chief Experience Officer (Natalie)[/ts_text_block][/vc_column_inner][vc_column_inner width=”1/4″][ts_text_block animate_block=”yes” animation_type=”fadeIn” animation_delay=”0.1s”]
Project
Mobile App & Ecommerce Website – Skubbs Company[/ts_text_block][/vc_column_inner][vc_column_inner width=”1/4″][ts_text_block animate_block=”yes” animation_type=”fadeIn” animation_delay=”0.2s”]
Timeline
2021 – 2022[/ts_text_block][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row anchor_wrap_section=”no” use_container=”yes”][vc_column][vc_single_image image=”2334″ img_size=”full” css_animation=”fadeIn”][/vc_column][/vc_row][vc_row anchor_wrap_section=”no” use_container=”yes”][vc_column width=”1/2″][vc_single_image image=”2335″ img_size=”full” css_animation=”fadeIn”][/vc_column][vc_column width=”1/2″][vc_single_image image=”2336″ img_size=”full” css_animation=”fadeIn”][/vc_column][/vc_row][vc_row use_container=”yes” use_predefined_class=”yes” predefined_class=”text-content-block”][vc_column width=”1/3″][vc_column_text]
Objectives💕
[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_column_text css_animation=”fadeIn”]
Enhance usability and accessibility
[/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text css_animation=”none”]Improve the overall user experience of AAS digital platforms, including the website and mobile app. Enhance usability and accessibility for different user segments, including members, non-members, and potential customers.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row anchor_wrap_section=”no” use_container=”yes”][vc_column width=”1/2″][vc_single_image image=”2337″ img_size=”full” css_animation=”fadeIn”][/vc_column][vc_column width=”1/2″][vc_single_image image=”2338″ img_size=”full” css_animation=”fadeIn”][/vc_column][/vc_row][vc_row use_container=”yes” use_predefined_class=”yes” predefined_class=”text-content-block”][vc_column width=”1/3″][vc_column_text]
Challenges💕
[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_column_text css_animation=”fadeIn”]
The project faced several challenges
[/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text css_animation=”none”]AAS offers a diverse range of services, and organizing the information in a clear and intuitive manner was crucial to avoid overwhelming users. With the increasing usage of mobile devices, it was important to ensure that the redesigned UI/UX would provide a seamless experience across different screen sizes and resolutions. AAS needed to comply with accessibility guidelines to ensure that their digital platforms were usable by people with disabilities, considering factors like color contrast, font sizes, and screen reader compatibility.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row anchor_wrap_section=”no” use_container=”yes”][vc_column][vc_single_image image=”2339″ img_size=”full” css_animation=”fadeIn”][/vc_column][/vc_row][vc_row use_container=”yes” use_predefined_class=”yes” predefined_class=”text-content-block”][vc_column width=”1/3″][vc_column_text]
What I Have Learned💕
[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_column_text css_animation=”fadeIn”]
To overcome the challenges
[/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text]The information architecture was redesigned to categorize services and information into logical sections, ensuring ease of navigation and findability. User flows and wireframes were created to visualize the new structure.
The UI/UX was designed with a mobile-first approach, ensuring optimal user experience across devices. Responsive design techniques, such as flexible grids, scalable images, and adaptive layouts, were employed.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]