2021-now
</>
Collaborated with engineers to reduce implementation gaps
⏰
Enabled rapid feature development with reusable components
Executive summary
The following case study demonstrates how I resolved engineering-design alignment issues on the Singpass app, leading to more scalable feature development and reduced engineering effort.
Gap 2: Illustration sizes vary inconsistently across different devices and screen sizes
Context
Different designers had defined illustrations inconsistently across screens over time. This created code complexity and visual problems, with illustrations appearing too small or too large on tablet devices.
Solution
I worked with iOS and Android engineers to standardize all app illustrations to specific percentages of screen size. While each OS uses slightly different calculations, this approach ensures consistency within each platform and maintains proportional sizing across both systems.
Impact
Eliminated handoff ambiguity
Ensured consistent illustration sizing across the Singpass app
Gap 3: Inconsistent drawer implementations created maintenance overhead and scrolling issues on small screens (under 320px)
Challenges maintaining different drawers
Context
As the Singpass app scaled and used more drawers, their behaviors and heights became inconsistent across different screens and features.
Solution
I standardized drawer patterns by defining 2 main types for iOS and Android. This gives designers and developers clear options to choose from when building new features.
Impact
Reduced time spent discussing drawer behaviors and height specifications during handoffs.
b. Scrolling issues on small devices
Context
Drawers were initially defined with fixed pixel heights based on device sizes. As drawer usage increased throughout the app, this caused scrolling problems on small devices, requiring developers to spend additional time reviewing small-screen experiences during app testing.
Solution
I worked with developers to redefine drawer heights using percentages instead of fixed pixels.
Impact
Resolved scrolling issues on small devices
Reduced app testing time for all drawer interactions
Gap 4: Custom search bars ignored native OS patterns, creating unfamiliar user experiences and additional development work
Context
iOS and Android used identical custom search bars, creating extra engineering work and unfamiliar user experiences on both platforms.
Solution
I collaborated with iOS and Android engineers to implement native search patterns specific to each platform.
Impact
Reduced engineering effort for future search implementations
Improved usability by following familiar OS conventions
