CIMB Bank Web Application

" The CIMB Bank Web Application is a comprehensive bank account opening system tailored for Singapore's financial market. Designed with a focus on user experience and responsive design, the platform enables seamless account creation for users across multiple devices. By leveraging advanced frameworks and tools, the project delivers a user-friendly interface, robust functionality, and enhanced accessibility for a diverse customer base. "

Responsibilities & Contributions

• Designed the application layout and interface using Photoshop XD and Zeplin, ensuring an intuitive and visually appealing design
• Translated designs into functional code with HTML5, CSS, JavaScript, and implemented responsive design for multi-screen compatibility.
• Addressed and resolved both UI and front-end issues to ensure smooth functionality and an optimal user experience.
• Utilized the Angular Framework and Obreon Framework to build a scalable and dynamic platform.

Skill Set Used:

• UI/UX Design Tools: Photoshop XD, Zeplin, Marvel App
• Languages: HTML5, CSS, SASS, JavaScript
• Frameworks: Angular, Obreon Framework, Bootstrap 3 & 4
• Principles: Wireframing, Responsive Design, Multi-Screen Compatibility
• UI Libraries: Ant Design
• Live URL: " Visit the Website "

Results:

• Successfully launched a user-friendly, responsive web application for account opening, improving customer engagement and satisfaction.
• Achieved seamless compatibility across devices, enhancing accessibility for mobile, tablet, and desktop users.
• Reduced account opening times and errors by implementing a streamlined interface with intuitive navigation.
• Garnered positive feedback from users and stakeholders for delivering a modern, scalable, and secure solution.

SBS Transit Web Application

" The SBS Transit Web Application serves as an account opening system for agents and users, catering to Singapore's public transit services. The project emphasizes user accessibility, responsiveness, and scalability, ensuring seamless operations across multiple device sizes. Designed with user-centric principles, the platform simplifies account management, providing an intuitive interface and robust performance."

Responsibilities & Contributions

• Developed the application layout and design using Photoshop XD, ensuring a clean, user-friendly interface.
• Converted designs into functional code using HTML, CSS, and JavaScript, adhering to best coding practices.
• Ensured responsive design for optimal performance across various devices, including desktops, tablets, and smartphones.
• Diagnosed and resolved UI and front-end issues to maintain application stability and improve user satisfaction.

Skill Set Used:

• UI/UX Design Tools: Photoshop XD, Marvel App
• Languages: HTML5, CSS, SASS, JavaScript
• Frameworks: Angular, Obreon Framework, Bootstrap 3 & 4
• Principles: Wireframing, Responsive Design, Multi-Screen Compatibility
• Live URL: " Visit SBS Transit Application "

Results:

• Successfully delivered a responsive web application tailored to SBS Transit’s operational needs, improving account registration efficiency for both agents and users.
• Enhanced user satisfaction with an intuitive design and seamless navigation experience.
• Ensured cross-platform accessibility, boosting user engagement across diverse devices.
• Achieved project milestones on time and within budget, receiving positive feedback from stakeholders.

LIM & TAN Account Opening System

" The LIM & TAN Account Opening System is a web application designed to streamline the bank account creation process for users in Singapore. This application focuses on delivering a seamless and efficient user experience with responsive and scalable designs tailored for multi-screen compatibility. By utilizing modern frameworks and UI/UX principles, the project simplifies complex account opening procedures and enhances overall user satisfaction. "

Responsibilities & Contributions

• Designed the layout and user interface using Photoshop XD and Zeplin, ensuring a modern and user-friendly appearance.
• Converted designs into functional code using HTML, CSS, JavaScript, and integrated responsive design for optimal performance across various devices.
• Diagnosed and resolved UI and front-end issues to ensure a smooth and error-free user experience.
• Utilized frameworks like Angular and Obreon Framework to develop a dynamic, scalable application that met industry standards.

Skill Set Used:

• UI/UX Design Tools: Photoshop XD, Zeplin, Marvel App
• Languages: HTML5, CSS, SASS, JavaScript
• Frameworks: Angular, Obreon Framework, Bootstrap 3 & 4
• Principles: Responsive Design, Multi-Screen Optimization, Wireframing
• Live URL: " Visit the Website "

Results

• Delivered a responsive and user-friendly web application that streamlined the account opening process, improving customer satisfaction and engagement.
• Enhanced operational efficiency by creating a scalable, dynamic platform that meets banking standards and user expectations.
• Achieved cross-platform compatibility, ensuring accessibility on desktops, tablets, and smartphones.
• Received positive feedback from stakeholders for the application's intuitive design and seamless functionality.

Family Application

" The Family Application project focused on designing and developing a user-friendly interface for both Android and iOS platforms, with an accompanying responsive web application. The design prioritizes seamless user experiences across multiple device types, leveraging advanced UI/UX methodologies and frameworks. This project illustrates strong design thinking and technical execution to deliver a cohesive, scalable, and aesthetically pleasing application. "

Responsibilities & Contributions

• Created the application's layout and user interface design using Photoshop XD and Marvel App, emphasizing intuitive navigation and user engagement.
• Translated designs into responsive code for the web application using HTML, CSS, JavaScript, and Bootstrap.
• Ensured cross-platform responsiveness, optimizing the application for multiple screen sizes on web, Android, and iOS platforms.
• Debugged and resolved UI and front-end issues to enhance functionality and improve overall user satisfaction.

Skill Set Used:

• UI/UX Design Tools: Photoshop XD, Marvel App
• Languages: HTML5, CSS, SASS, JavaScript
• Frameworks: Angular, Bootstrap 3 & 4
• Design Principles Responsive Design, Wireframing, Prototyping, Multi-Screen Optimization
• Live URL: " Visit SBS Transit Application "

Results

• Successfully delivered an intuitive and visually appealing application design that met client specifications for Android, iOS, and web platforms.
• Improved user engagement and satisfaction by creating a responsive and accessible interface adaptable to various screen sizes.
• Enhanced project efficiency and collaboration by integrating design tools like Marvel App for prototyping and client feedback.
• Completed the project on schedule, exceeding client expectations and receiving positive feedback on both the design and functionality.

Qarah5 Application

" The Qarah5 Application project involved designing a user-friendly interface for Android and iOS applications, focusing on responsive and visually appealing layouts optimized for multi-screen compatibility. By applying innovative design thinking, the project emphasizes intuitive user experiences and modern aesthetics, demonstrating advanced UI/UX capabilities. "

Responsibilities & Contributions

• Created the application's layout and design using Photoshop XD and Adobe Photoshop, ensuring a visually engaging and intuitive user experience.
• Designed responsive interfaces adaptable to multiple screen sizes, providing consistent usability across devices.
• Identified and resolved UI design and front-end issues to ensure optimal performance and user satisfaction.

Skill Set Used:

• UI/UX Design Tools: Photoshop XD, Adobe Photoshop, Marvel App
• Principles: Wireframing, Responsive Design, Multi-Screen Compatibility

Results

• Successfully developed an intuitive and aesthetically pleasing design for Android and iOS platforms, exceeding client expectations.
• Enhanced user engagement by delivering responsive layouts optimized for diverse device types and screen resolutions.
• Streamlined the design process using Marvel App for prototyping and gathering client feedback efficiently.
• Achieved a cohesive and innovative design aligned with the client’s brand and user requirements.

Word Whiz - TV Program

" The Word Whiz TV Program project involved developing a desktop application for an engaging TV program, available in both English and Chinese versions. The application combines interactive elements with an intuitive design to enhance the game show experience for participants and viewers. By leveraging modern design tools and frameworks, the project delivers a responsive and visually compelling solution that aligns with the program's objectives. "

Responsibilities & Contributions

• Designed the application layout and user interface using Figma and Photoshop XD, ensuring an immersive and user-friendly experience.
• Implemented responsive design to adapt the application for multi-screen compatibility, enhancing accessibility across various devices.
• Converted designs into functional code using HTML5, CSS,SASS, JavaScript, and Bootstrap for a seamless and dynamic user experience.
• Resolved UI and front-end issues to ensure optimal performance and usability.

Skill Set Used:

• UI/UX Design Tools: Figma, Photoshop XD, Marvel App
• Languages: HTML5, CSS, SASS, JavaScript
• Frameworks: Electron, Angular, Bootstrap 3 & 4
• Principles: Responsive Design, Game Show Logical Flow, Multi-Language Support
• Live URL: " Visit to Game Show with English Version "
  " Visit to Game Show with Chinese Version "

Results

• Successfully delivered a dynamic and interactive desktop application tailored to the needs of a bilingual game show.
• Improved the overall user experience with responsive designs and intuitive navigation for both English and Chinese versions.
• Enhanced project collaboration and efficiency by utilizing Figma and Marvel App for prototyping and client feedback.
• Delivered the project on time, receiving positive feedback for its innovative design and seamless performance.

We Are Singaporeans - TV Program

" The We Are Singaporeans TV Program project focused on developing a desktop application for an engaging and interactive TV game show. Designed in English, the application integrates seamless user interaction and a visually appealing interface to support the program's dynamic gameplay. The project demonstrates expertise in responsive design, logical game flow, and creative execution, ensuring an immersive experience for participants and viewers alike. "

Responsibilities & Contributions

• Designed the application layout and user interface using Figma and Photoshop XD, aligning with the game show's thematic and functional requirements.
• Developed responsive designs to ensure compatibility with multiple screen sizes, enhancing the application’s versatility.
• Converted designs into functional code using HTML5, CSS,SASS, JavaScript, and Bootstrap, delivering a fully interactive application.
• Diagnosed and resolved UI and front-end errors to optimize performance and usability.

Skill Set Used:

• UI/UX Design Tools: Figma, Photoshop XD, Marvel App
• Languages: HTML5, CSS, SASS, JavaScript
• Frameworks: Electron, Angular, Bootstrap 3 & 4
• Principles: Responsive Design, Logical Game Flow, Multi-Screen Optimization
• Live URL: " Visit to Game Show "

Results

• Delivered a visually appealing and responsive desktop application that enhanced the game show's interactivity and audience engagement.
• Streamlined the gameplay experience by designing intuitive navigation and aligning the interface with the show’s branding.
• Improved project efficiency and communication with stakeholders using Figma and Marvel App for prototyping and real-time feedback.
• Completed the project within deadlines, receiving positive feedback for its innovative design and seamless functionality.

National Science Challenge - TV Program

" The National Science Challenge TV Program project involved the design and development of a desktop application tailored for an interactive game show. This application served as a critical platform for the program's dynamic challenges and scientific engagement. By emphasizing user-centric design and logical game flows, the project delivered a responsive and engaging application that enhanced both the participant and audience experience. "

Responsibilities & Contributions

• Designed the layout and user interface using Figma and Photoshop XD, ensuring an intuitive and visually appealing experience.
• Developed responsive designs to accommodate multiple screen sizes, enabling seamless usability across various devices.
• Converted designs into functional code using HTML5, CSS, JavaScript, and Bootstrap, delivering a fully interactive desktop application.
• Resolved UI and front-end issues to ensure a stable and high-performing application.

Skill Set Used:

• UI/UX Design Tools: Figma, Photoshop XD, Marvel App
• Languages: HTML5, CSS, SASS, JavaScript
• Frameworks: Electron, Angular, Bootstrap 3 & 4
• Principles: Responsive Design, Game Show Logical Flow, Multi-Screen Optimization
• Live URL: " Visit to Game Show " " Visit to Admin Control "

Results

• Successfully delivered a visually compelling and responsive desktop application that aligned with the program's scientific and educational goals.
• Enhanced participant engagement by incorporating intuitive navigation and interactive elements aligned with the game show's format.
• Improved collaboration and efficiency with stakeholders by utilizing Figma and Marvel App for prototyping and iterative feedback.
• Received positive feedback for its seamless functionality and user-friendly design, contributing to the program's success in 2020–2021.