Wireframe Prototype Showcase: iHiS Asthma App

Author’s Note: This is a wireframe prototype of the iHiS Asthma mobile app that I’ve designed for mobile app development. About this app: This app is designed for asthmatic patient to check their asthma-levels and for symptoms-control. Challenge: To translate an asthmatic symptoms checker chart into a meaningful app. Tools used: Fireworks.

Mobile Showcase: Prototype App

Author’s Note: This is a prototype items-exchange mobile  app that I’ve developed as a front-end developer. About this app: This app is initially designed as an item-exchange app, like carousell, but free of monetary transactions. Challenge: To create a cross-platform front-end UI for dual-device platforms (iOS and Android) Tools used: NativeScript, Android Studio, Xcode. Languages: XML, CSS3, javascript.

Showcase: Intranet portal: New Digital Workspace

A government technology agency wishes to revamp their intranet to be more in-line with the latest UX, UI and platform technology. This intranet is used by all 3,000-odd employees daily and is a huge information dissemination platform. Other than that, it’s also a “Digital Workspace” tool that allows collaboration and streamlined workflows. Challenges: New look & feel Direct integration…

Design-Concept Showcase: meSH App

Author’s Note: This is a hi-fidelity design-concept showcase that I’ve designed & conceptualised for an app back in 2012 as a UX designer. About this app: meSH (me+SingHealth) app is an internal mobile app used by staff members of SingHealth to access group information, directory, subscribe to in-house publishing or journals, participate in polls, provide feedbacks,…

Design Showcase: HealthBuddy App

Author’s Note: This is a design showcase that I’ve recently discovered from my portfolio archive all the way back from 2012 (when I was a UX designer). The actual app had been updated to its current-look and-feel, but still retains some of the original design concepts that I’ve created for this app. About this app:…

Showcase: SPRING Corporate Portal Revamp

Springcorp Singapore is revamping their corporate portal to be modern, clean and mobile-responsive. Springcorp is an enterprise springboard agency set up by the Singapore ministry of trade for entrepreneurs and startups to thrust and grow in the local economy. They’re a highly efficient agency and have high expectations & standards for their public-facing corporate portal. https://www.spring.gov.sg/Pages/Home.aspx…

Showcase: AMRO

AMRO is the regional macroeconomic surveillance unit of the Chiang Mai Initiative Multilateralisation (CMIM) of the ASEAN+3 members. They are expecting a modern-looking and mobile-responsive cross-browser website to portray their corporate missions across. http://www.amro-asia.org/about-amro/overview Challenges: New look & feel Cross-browsers compatibility – Internet Explorer 9-11, Chrome, Firefox and Safari Integration with Sitecore Solutions: Created a cross-platform/browser…

Knowledge Base: Error Messages builds up on IE runtime

Problem: Error Messages builds up on IE runtime   Cause: These are IE runtime (not compilation) errors   Solution: To suppress the default Internet Explorer error message for the window event, set the returnValue property of the event object to true or simply return true in Microsoft JScrip   window.onerror = function() { // Return…

Knowledge Base: Centering fluid-width div (auto-width) is not possible using traditional auto margin because a width is not specified

Problem: Centering fluid-width div (auto-width) is not possible using traditional auto margin because a width is not specified   Cause: Width-less element can’t be centered   Solution: Change the display property of the affected element with display:table   From this: #listFilter-slider-container .orbit-bullets { margin: 5px auto 25px; width: auto; }   Change to this: #listFilter-slider-container…

Knowledge Base: SHAREPOINT 2010 DOESN’T DETECT SCROLLING

Problem: SHAREPOINT 2010 DOESN’T DETECT SCROLLING   Cause: The purpose of disabling scrolling is entirely due to the new SharePoint 2010 “ribbon” control. This is a very handy element of the SharePoint interface that stays fixed to the browser window, even as you scroll down the page.   Solution: The Solution What’s done is done,…

Knowledge Base: How to create your own defined function to be reused later as a callback to other functions

Problem: How to create your own defined function to be reused later as a callback to other functions   Cause: N/A   Solution: Create a function, eg below and give it a unique name eg bottomWrapFunction   $.fn.bottomWrapFunction = function() { $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); m = $(“#mainWrap”).height(); f = $(“#footerWrap”).height(); h = m – f;…