CONTACT ME

Hey, I'm Shah,

A UI/UX

& Full Stack

developer

CONTACT ME

Product Designer & Full-Stack Developer helping startups design, build, and launch intuitive platforms from zero to scale. Born in Kuala Lumpur, Malaysia, with a bachelor’s degree in Communication Design from Edinburgh, Scotland, I bring strong technical skills, a sharp eye for detail, and a passion for crafting smart, high-quality digital experiences.

• 1,000+ Advertising & Marketing Designer
• 50+ Web Developer
• 6+ Mobile App Developer

Design is how it works. Code is how it lasts. I do both.

What I Do

GRAPHIC DESIGN

Creating visuals that drive consistency and engagement across platforms, increasing conversion by over 20%.

→ I design everything from packaging to pitch decks that strengthen brand positioning.

UI / UX DESIGN

Improved product usability and retention by 35% through data-informed design and rapid iteration.

→ I craft user experiences that reduce friction, increase clarity, and drive key business metrics.

BUSINESS STRATEGY

Scaled digital products to over $50K/month by aligning product design, retention, and acquisition strategies.

→ I bridge execution and long-term growth with monetization-focused thinking.

WEB DEVELOPMENT

Engineered websites that load in under 1 second and handle 3K–8K+ daily visitors with zero downtime.

→ I build clean, scalable architecture across frontend and backend for performance and stability.

MOBILE APP

Developed mobile apps with 30K+ downloads, balancing performance, UX, and infrastructure scalability.

→ From Flutter to native workflows, I deliver apps built for growth and retention.

SEO MARKETING

Drove over 20K monthly organic visits through structured, high-converting SEO strategies.

→ I rank with purpose and turn traffic into measurable business results.

WEB APP

Reduced manual operations by over 70% by redesigning and rebuilding internal platforms.

→ I streamline workflows with scalable, user-focused web that unlock efficiency.

Let’s Work Together

Actively open to opportunities, whether it’s full-time or part-time. Let’s execute!

Let's Talk

Design Expertise

Tools I use to craft user-first, pixel-perfect visuals and digital experiences. From branding to product UI.

Illustrator

90%

Photoshop

85%

Figma

80%

Lightroom

75%

3D Blender

60%

Sony Vegas

80%

Developer Expertise

Languages and frameworks I rely on to ship fast, scalable, and clean full-stack applications.

HTML / CSS

90%

NEXT JS

70%

REACT NATIVE

70%

TAILWIND CSS

85%

LARAVEL / PHP

65%

PYTHON

70%

DART (FLUTTER)

80%

TYPESCRIPT

80%

Portfolio

How I Operate When
No One is Watching

Anyone can look good in a portfolio. What matters is how one works when there is no spotlight, no supervision, and no external reward. That’s where real standards show, in the quality of thinking, the clarity of code, the discipline in design, and the consistency of delivery. These are mine.

  • Self-taught and self-driven, with 25+ years of hands-on experience in design, code, and product thinking.
  • I’ve shipped full-stack products from scratch with limited resources. Design, development, deploy.
  • I bridge creative vision with technical reality. Designers trust me. Developers respect me.
  • Nothing goes live until it feels right. From pixel-perfect UI to efficient, scalable code.
  • I reverse-engineer interfaces, APIs, and systems out of curiosity, not just necessity.
  • I stay obsessed with outcomes, not effort. Deadlines, pressure, or chaos never stop my execution.
  • I think in systems and strategy. I connect business goals with product decisions that compound over time.
  • Good enough isn’t good enough. I ship only when it’s scalable, refined, and rock solid.

Contact

Whatsapp Envelope Discord
DOWNLOAD PDF

Open to relocation or hybrid opportunities inthe UK, EU, or US. Sponsorship required.

Referral

CEO & Co-Founder of Webmores Digital Marketing Sdn. Bhd.
Shandy

CEO & Co-Founder of Homedopt Sdn Bhd
Neo

COO & Director in Malaysia of Lookcard Ltd.
Yvonne

CFO & Co-Founder of RM Group Sdn Bhd.
Crystal

LOOKCARD PROJECT V1

My role as Chief Creative Officer / Full Stack Designer

Overview

The LookCard V1 launch marked the first public release of a fintech platform designed to empower users with seamless, secure, and intuitive financial tools. As the Chief Creative Officer and Full Stack Designer, I led the end-to-end vision, ensuring technical robust, modern design, and user trust.

Objective

  • Establish a brand and platform that inspires confidence, secure, safety and user friendly.

  • Create a scalable foundation for future features such as referral rewards, analytics, and card-based loyalty systems.

  • Build a system stable enough for real-time user onboarding and daily transaction tracking.

My Contributions

  • UI/UX Direction: Designed a clean, minimal interface optimized for mobile and web user. Focused on accessibility and emotionally resonant micro-interactions.

  • Brand Identity: Developed the initial brand system. Logo, typography, and color palette. Aligned with fintech sensibilities but with a modern feel.

  • Frontend Development: Engineered responsive components using React (Next.js), integrating animations, modals, and protected routes with a frictionless feel.

  • Backend Engineering: Set up scalable APIs, role-based permissions, and referral logic with secure authentication (third party provider).

  • Product Strategy: Balanced MVP focus with future scalability, prioritizing user clarity and performance while laying the groundwork for advanced features.

Key Features

  • Tiered user dashboard with real-time insights.

  • Referral and reseller system with automated tracking.

  • Transactional history and card analytics view.

  • Admin-level payout and incentive dashboards.

Challenges & Solutions

  • Security: Implemented multiple layers of protection including route guarding, rate limiting, and JWT validation.

  • Scalability: Built modular components and APIs to ensure future expansions (badges, vaults, marketplace) would plug in without redesigns.

  • User Trust: Prioritized transparency and ease-of-use to combat fintech skepticism; all designs validated against real user behavior.

Outcome

The V1 release was successful in capturing early adopters and validating core assumptions. With stability as its foundation and a clearly defined product direction, LookCard continues to evolve into a full ecosystem of financial empowerment tools.

CLOSE

LOOKCARD PROJECT V2

My role as Chief Creative Officer / Full Stack Designer

Overview

LookCard V2 represents a complete reimagination of the original app, rebuilt from the ground up with a sharper product vision, upgraded system architecture, and a focus on scale. Every decision in V2 was shaped by real user data, internal team feedback, and the ambition to transform LookCard into a full-fledged fintech ecosystem.

Objective

  • Re-architect the entire codebase for modularity, speed, and long-term maintainability.

  • Evolve the user experience into a system that is both intuitive and scalable.

  • Transition the app from a promising MVP to a commercially-viable platform.

  • Introduce multiple high-impact features with seamless user flows.

My Contributions

  • Creative Direction: Redefined the entire design system with a focus on clarity, contrast, and more modern design. Introduced micro-illustrations that enhance onboarding and feature discoverability.

  • UX Redesign: Reworked every flow from referral to payout with a usability-first mindset. Applied friction mapping to reduce cognitive load and guide users with minimal taps.

  • System Architecture: Upgraded to a more maintainable and high-performing architecture using modular design principles and better state management.

  • Feature Expansion: Led the end-to-end design and development of new ecosystem features including LookVault, Incentive, Transactions, Outstanding and Statement bills.

  • Cross-Platform Optimization: Enhanced mobile responsiveness, load speed, and PWA readiness for improved user access across devices.

Key Upgrades

  • Card Analysis System: Allows users to track performance and ROI of cards.

  • LookVault: A staking/locking mechanism for deeper user engagement.

  • Commission & Incentive Suite: Tools for managing tiered rewards, custom badges, and real-time payout and transactions visibility.

  • Referral 2.0: Improved logic, deeper analytics, and gamified onboarding.

  • Admin Suite: A complete revamp of backend dashboards with higher controls and scalable data views.

Challenges & Solutions

  • Legacy Transition: Migrated from V1 without disrupting active users, ensuring continuity in authentication and data structure.

  • Scalability: Applied domain-driven design to separate concerns, improve testing, and allow faster feature iteration.

  • User Education: Integrated tooltips, walkthroughs, and contextual hints to onboard users to newer features without clutter.

Outcome

LookCard V2 significantly raised the bar in terms of performance, product direction, and design maturity. The app is now positioned not just as a fintech tool, but as a modular ecosystem that is ready for investor showcases, partner integrations, and mass scaling.

CLOSE

THE HERITAGE

My role as Senior Graphic Designer / Technology Lead

Overview

The Heritage is a smart hospitality platform tailored for a luxury stay experience. Designed to simplify guest management while offering a premium digital interface, the platform integrates hotel booking, transportation, and restaurant booking systems into a single seamless ecosystem. The goal was clear: ensure a frictionless journey from reservation to check-out, shuttle transport from point A to B, and in-house dining experiences. All wrapped in a digitally elegant experience.

Objective

  • Deliver a luxurious, intuitive digital platform aligned with The Heritage upscale brand positioning.

  • Unify hotel booking, shuttle transport, and restaurant management into one streamlined system.

  • Reduce manual coordination while improving the guest’s sense of control and ease.

My Contributions

  • Interface Design & Brand Alignment: Designed a high-end UI that reflected The Heritage’s refined hospitality standards. Emphasized soft transitions, subtle motion, and a calm visual tone to mirror real-life service elegance.

  • Experience Mapping: Created smooth user flows for multi-service booking (stay, dine, travel), ensuring guests could access every key touchpoint with minimal effort and maximum clarity.

  • Tech Implementation: Built the front-end system with responsive and fast-loading. Integrated APIs for real-time hotel availability, shuttle scheduling, and restaurant management.

  • Operational Tools: Developed a simple yet minimal staff-friendly admin dashboard for reservation management, shuttle logistics, and restaurant queue monitoring.

  • Automation & Support: Enabled auto-reminders, guest confirmation notifications, and follow-up communications for enhanced operational efficiency.

Key Features

  • Hotel booking engine with dynamic availability and confirmation.

  • Shuttle request and automated transport scheduler.

  • Restaurant reservation and in-house dining management.

  • Unified guest profile with end-to-end journey overview.

  • Mobile-first experience optimized for on-the-go travellers.

Challenges & Solutions

  • System Cohesion: Brought together three separate services (stay, shuttle, dining) into one cohesive flow without overwhelming the user.

  • Luxury Translation: Ensured that every digital interaction upheld the standard of a premium luxury experience. No unnecessary friction, no visual noise or overcrowded content.

  • Guest Assurance: Introduced visual confirmations, timed feedback, and smart defaults to give users full confidence in every booking.

  • Multi-Language Support: Implemented a multilingual interface with Mandarin and Cantonese options to accommodate international and regional guests, ensuring accessibility without compromising design integrity.

Outcome

The Heritage platform redefined luxury hospitality through intelligent technology. It not only simplified internal operations, but also elevated the entire guest experience. Delivering convenience and class from the very first tap to the final goodbye.

CLOSE

MARCUS DESIGN STUDIO

My role as Senior Web Developer

Link: marcusdesignstudio.com.my

Overview

Marcus Design Studio is a luxury interior architecture firm based in Kuala Lumpur. The website was crafted to reflect their refined visual identity and design philosophy. Every element. From layout to typography to loading performance was built to mirror the studio’s curated, confident aesthetic and showcase their portfolio with elegance.

Objective

  • Present a clean, high-impact portfolio that highlights completed projects with visual clarity.

  • Translate the studio’s creative philosophy into a digital format that feels premium, modern, and trustworthy.

  • Build a high-performance, responsive experience that works seamlessly across all devices.

  • Ensure long-term maintainability and flexibility for future content expansion.

My Contributions

  • Custom front-end development with a focus on performance, responsiveness, and visual integrity.

  • Built reusable layout modules (hero banners, gallery blocks, content sections) for easier content updates.

  • Developed subtle animations and hover interactions to keep the experience dynamic yet unobtrusive.

  • Integrated SEO-ready markup and structured HTML to support search engine visibility and accessibility best practices.

  • Ensured pixel-perfect alignment with design mockups across breakpoints and browsers.

Site Highlight

  • Hero section with bold typography and a curated slider showcasing signature works (e.g., Aman Suria, Gaya Resort).

  • Design Concept page detailing the studio’s philosophy using structured storytelling and strong visual rhythm.

  • Knowledge blog and 3D gallery to reinforce brand authority and depth of expertise.

  • Consistent visual system using minimal colors, sharp typography, and generous spacing to communicate trust and clarity.

Challenges & Solutions

  • Image Quality vs Load Speed: Balanced large-format imagery with performance techniques such as lazy-loading, compression, and responsive image handling.

  • Minimalism Without Emptiness: Carefully used grid rhythm, typographic hierarchy, and interactive cues to keep the interface engaging and warm.

  • Feature-Rich, Yet Focused: Simplified the navigation and grouped content logically so users can browse smoothly without distraction or friction.

Outcome

The finished site successfully elevates Marcus Design Studio’s online presence, offering a sleek, considered experience that aligns perfectly with the firm’s physical design work. It communicates quality, professionalism, and attention to detail—while remaining fast, scalable, and easy to manage behind the scenes.

CLOSE

KONTIME

My role as Senior Web Developer

Link: kontime.com.my

Overview

KONTIME is the official digital presence of a certified luxury watch retailer in Malaysia. The site was developed to reflect the exclusivity and prestige of the timepieces it represents. With a bold, minimal design and an emphasis on brand credibility, the experience is tailored to inspire trust and communicate professionalism from the first scroll.

Objective

  • Create a premium, modern website that aligns with the high-value brands offered, such as Rolex and Patek Philippe.

  • Establish credibility through structured information, refined visuals, and transparent store representation.

  • Ensure the browsing experience is smooth, responsive, and optimized for various devices and screen sizes.

  • Allow future scalability for new product lines, partnerships, or content needs.

My Contributions

  • Developed the front-end using clean, semantic code to ensure maintainability and fast load times.

  • Crafted responsive layouts that preserve the brand’s luxury feel across mobile, tablet, and desktop environments.

  • Built modular sections for hero sliders, team showcases, and store info to keep the content dynamic yet uniform.

  • Implemented smooth scroll behaviors, image fades, and hover transitions to elevate the browsing feel without slowing performance.

  • Applied on-page SEO best practices and accessible markup to support organic reach and usability.

Site Highlight

  • A bold homepage with fullscreen imagery, strong serif typography, and focused messaging that establishes brand identity immediately.

  • “Our Story” and “Team” sections that introduce the company background, experience, and watch expertise to strengthen user confidence.

  • A simplified navigation structure that leads users directly to brand categories, company details, and contact paths.

  • Location-focused content that clearly outlines store branches and operational hours, building legitimacy across regions.

  • Clean color palette and intentional use of white space to direct attention to key content without distraction.

Challenges & Solutions

  • Visual Weight vs. Performance: Handled high-resolution images of watches and store interiors by compressing and lazy-loading them intelligently, maintaining quality without sacrificing speed.

  • Trust Through Design: Focused on layout clarity, language tone, and brand presence to give users immediate assurance they are dealing with an official, experienced retailer.

  • Minimal Yet Engaging: Used strong typography, bold headings, and intentional spacing to avoid an overly sterile feel while maintaining elegance.

Outcome

The final result is a high-end, trustworthy website that delivers both form and function. KONTIME now has a digital storefront that mirrors the luxury and reliability of its physical showrooms, with room to evolve as the brand grows.

CLOSE

MIKOSA (MSJEWELS)

My role as Senior Web Developer

Link: mikosajewellery.com

Overview

MIKOSA, also known as MSJewels, is a luxury jewellery brand offering fine crafted 18k Italian gold and diamond pieces. The website was developed as an elegant eCommerce experience that emphasizes visual sophistication, smooth usability, and a premium feel across every interaction. The goal was to create a digital presence that reflects the brand’s high-end craftsmanship and builds trust with both new and returning customers.

Objective

  • Create a refined digital storefront aligned with luxury brand expectations.

  • Focus on visual clarity and easy browsing of high-value product ranges.

  • Ensure responsive design for both desktop and mobile users.

  • Support flexible content expansion for services, storytelling, and campaigns.

My Contributions

  • Developed the front-end architecture with speed, responsiveness, and clean visual structure as top priorities.

  • Built dynamic, reusable components for product listings, service content, and promotional banners.

  • Integrated smooth scrolling, image fade-ins, and hover states to elevate the user experience without overcomplicating it.

  • Ensured accessibility, search engine visibility, and mobile-first compatibility across all major browsers.

  • Designed sections that highlight trust factors like secure checkout, gift packaging, and international shipping support.

Site Highlight

  • Category-focused layout featuring necklaces, earrings, and bracelets, with bold product visuals and smooth transitions.

  • High-end presentation of curated collections in 18k gold and lab-grown diamonds with clean product pages.

  • Custom design and gifting sections that highlight premium service offerings and personalization options.

  • Integrated brand storytelling through the blog, enhancing connection with customers and communicating design values.

  • Detailed pages for shipping, care, and corporate gifting to guide purchasing decisions with transparency and ease.

Challenges & Solutions

  • Balancing large imagery with fast load speed was key—solved through optimized formats, lazy loading, and responsive image handling.

  • Maintaining visual richness while keeping the interface clean—achieved with structured layouts, premium typography, and considered spacing.

  • Combining editorial and retail content under one roof—unified through consistent layout grids and navigation logic.

Outcome

The MIKOSA site now delivers a luxury eCommerce experience that matches the brand’s physical product quality. From browsing to checkout, the design builds trust, supports storytelling, and creates a smooth, elegant path to purchase. It stands as a flexible platform ready to scale with future product launches and seasonal campaigns.

CLOSE

HOMEDOPT

My role as Chief Technology Officer / Full Stack Designer

Link: homedopt.my

Overview

HOMEDOPT is Malaysia’s first home adoption and retirement plan platform. It helps homeowners facing foreclosure or seeking asset conversion by matching them with adopters. The program handles down payments, legal arrangements, and property management for a set term. The digital platform was built to streamline discovery, consultation, and secure interactions between homeowners and investors, with a strong focus on performance, clarity, and trust.

Objective

  • Design a transparent and reassuring experience for both adopters and adoptees

  • Provide clear visibility into each service offering including home adoption, retirement plans, refinancing, and rental rebates

  • Drive user engagement through free 1-on-1 consultation scheduling and seamless document submission

  • Ensure fast performance and secure architecture to support credibility and user data protection

My Contributions

  • Led the full-stack architecture using a modular and scalable tech approach focused on speed and reliability

  • Designed and developed dynamic multi-step forms with logic branching and secure file uploads

  • Built reusable UI components for FAQs, statistics, testimonials, and call-to-action sections

  • Developed internal dashboards for tracking consultations, document submissions, and lead funnels

  • Applied modern front-end performance techniques such as lazy loading, component-level optimization, and responsive design

Site Highlight

  • Distinct user flows for adopters and adoptees, guiding them through tailored forms and service explanations

  • High-visibility trust signals including success statistics, case studies, and founder messaging

  • Detailed program pages with benefits, risks, visual aids, and expandable FAQs

  • Location-specific sections for Klang Valley, Penang, and Johor to enhance regional relevance

  • Multilingual interface supporting both English and Chinese for broader accessibility

Challenges & Solutions

  • Creating a user flow that handles emotionally sensitive topics like foreclosure and financial stress was key. Solved this with soft onboarding steps, simple language, and progress indicators

  • Managing long-form educational content while keeping the layout clean was achieved through collapsible sections and icon-based summaries

  • Building user confidence required authentic storytelling, transparent process breakdowns, and content written in a tone that prioritizes empathy

Outcome

The HOMEDOPT platform now serves as a secure and professional gateway for Malaysian homeowners and investors. With a clear value proposition, clean interface, and fast infrastructure, the platform encourages action while building trust. It has set a new benchmark in its space and continues to scale across regions and service tiers.

CLOSE

SPOON HEALTH

My role as Senior Web Developer

Link: spoonhealth.com

Overview

Spoon Health is a growing organic and superfood brand offering certified natural pantry staples like chia seeds, quinoa, coconut oil and kombucha. The site was designed as a clean and accessible e‑commerce platform with soft visuals, fast‑loading pages and clear trust signals to guide customers toward confident purchases

Objective

  • Create a gentle yet professional aesthetic that aligns with organic wellness

  • Structure product categories and collections for easy browsing

  • Ensure mobile responsiveness and fast page speed

  • Reinforce credibility with certification badges, clear product information and nutritional value

My Contributions

  • Developed front‑end code prioritizing speed, SEO and responsive behavior for image‑rich pages

  • Built modular components for product grids, blog entries, recipe sections and certification call‑outs

  • Added smooth image fade‑ins, hover states and lazy‑loading to balance polish and performance

  • Structured semantic HTML and metadata to support accessibility and organic search visibility

Site Highlight

  • Prominent feature of certified organic products like chia seed, royal quinoa and extra virgin coconut oil

  • Soft pastel palette, rounded visuals and generous whitespace to create a calming shopping experience

  • Blog and recipe section demonstrating brand expertise in nutrition and wellness

  • Certification symbols (USDA, JAS, EU, halal) visible on key product pages to enhance transparency

Challenges & Solutions

  • Big product visuals risked slowdowns. Used responsive image formats, compression and lazy loading to keep pages fast

  • Needed to build credibility in a competitive wellness market. Featured clear badges, sourcing details and usage advice

  • The site combined retail, editorial and educational elements. Maintained cohesion through consistent layout patterns and visual clarity

Outcome

The Spoon Health website now offers a seamless organic e‑commerce experience with a tone that matches its premium product quality. Customers enjoy clear paths to purchase, informative content and brand trust—all across devices and browsing contexts.

CLOSE

WEBMORE'S

My role as Senior Web Developer

Link: webmores.co

Overview

Webmores is a digital agency based in Kuala Lumpur that offers integrated services including web design, branding, SEO, social media marketing, and content creation. The site was created to showcase these capabilities clearly and to convert visitors into leads.

Objective

  • Deliver a fast-loading, responsive corporate website with a clean professional layout

  • Clearly present services such as website development, branding, social media, and photography to guide user interest

  • Support lead generation through strategically placed contact forms and concise messaging

  • Establish trust via case studies, client logos, service counts, awards, and team presentation

My Contributions

  • Coded the entire front end from scratch, using modular components for hero banners, services, case sections, and contact forms

  • Optimized for performance through compressed assets, responsive images, and fast dynamic content delivery

  • Developed interactive elements, including smooth scroll behavior and hover effects, to enhance user engagement

  • Structured semantic HTML and meta tags to support SEO and accessibility

  • Ensured full responsiveness, pixel accuracy, and consistency across mobile, tablet, and desktop

Site Highlight

  • Clear hero section with tagline and visible call-to-action to contact the agency

  • Dedicated service pages covering design, development, branding, and photography, each with success metrics and process breakdowns

  • Agency story section includes founding year, agency awards, key team members, and values like quality and collaboration

  • Case studies grid featuring past clients and project types to help build credibility and relevance

Challenges & Solutions

  • Balancing a polished corporate design with fast load performance was achieved by using lightweight libraries and lazy-loaded content

  • Presenting diverse service categories and large team info without overwhelming users was managed through clear sectioning and progressive information layering

  • Aligning agency visuals and process storytelling across multiple pages required reusable layout modules and consistent spacing patterns

Outcome

Webmores now has a clean, efficient online presence that converts visitors into leads. The site reflects their brand mission of turning “clicks into customers,” showcases their capabilities and past work, and positions them as an agency with both creative and technical depth.

CLOSE

REHDA MALAYSIA USER PORTAL

My role as Full Stack Developer

Link: members.rehda.com

Overview

This project involved revamping the official user portal for REHDA Malaysia, the national Real Estate and Housing Developers Association. The site supports membership management, certification processes, and secure access to industry regulations. The goal was to improve usability while ensuring fast, reliable, and secure access for developers, branch offices, and national committees.

Objective

  • Enhance member registration and verification workflows

  • Provide secure access to certification records, policy documents, and legal frameworks

  • Offer streamlined admin tools for committee approvals and branch processing

  • Improve performance, mobile support, and data security across the portal

 

My Contributions

  • Rebuilt frontend using modular component architecture, with clean form handling for registration, login, password recovery, and application tracking

  • Developed backend API endpoints to support membership validation, branch-level vetting, National Council approvals, and secure retrieval of documents

  • Implemented secure authentication flow with hashed passwords, session control, and MFA-ready structure

  • Designed admin dashboards for branch committee and national council use, including member lookup and batch approval tools

  • Optimized system performance with server-side pagination, efficient querying, and caching strategies to support large member data

Portal Highlight

  • Dynamic login interface featuring prompts for membership number and MyKad access, password reset, and new member registration functionality

  • Backend supports document verification workflow by admins and branch committees before National Council approval

  • Access-controlled views show membership status, certificates, application tracking, and regulatory updates

  • Documented multi-tier approval process that reflects real-world governance structure

Challenges & Solutions

  • Sensitive personal data handling required comprehensive security hygiene, so I added encrypted storage, secure endpoints, and robust role-based access controls

  • The multiple approval stages risked slowing member applications. I created status tracking dashboards with email notifications to keep applicants informed

  • Mobile access was critical for branch field officers. I used responsive layouts and form validation to ensure usability on all devices

Outcome

The new portal delivers a secure, reliable, and user-friendly platform for REHDA members and staff. The upgraded membership flow, documentation access, and regulatory tools improve operational efficiency and user confidence. Supporting the association’s mission in property development governance and advocacy.

CLOSE

REHDA MALAYSIA ADMIN PORTAL

My role as Full Stack Developer

Link: admin.rehda.com

Overview

This project involved revamping the internal admin portal for REHDA Malaysia, the national Real Estate and Housing Developers Association. The portal serves as the central tool for internal teams to manage member records, oversee certification approvals, and enforce regulatory compliance. The main goals were to improve data accuracy, simplify workflows, and ensure strong security and usability for both staff and administrators.

Objective

  • Create efficient dashboards for member verification, certificate issuance, and approval chains

  • Streamline workflows for branch committees and the national council

  • Maintain high security standards through role-based access and secure authentication

  • Design responsive interfaces to support both desktop and mobile staff use

My Contributions

  • Developed the full-stack system including APIs, database schemas, and front-end components

  • Built reusable UI elements such as data tables, workflow modals, notification badges, and admin panels

  • Implemented a secure authentication system with session handling, encrypted data, and role-based authorization

  • Engineered backend support for batch actions, reporting exports, and audit logs

  • Optimized performance through indexed queries, pagination, and server-side filtering for large datasets

Portal Highlight

  • Comprehensive member management tools with search, filtering, and profile editing capabilities

  • Certification workflows that move records through stages of branch review and final approval

  • Access-controlled modules for regulatory documents, compliance tracking, and audit history

  • Role-specific dashboards tailored to branches, national council, and system administrators

  • Real-time notifications for pending tasks, approved applications, and certification renewals

Challenges & Solutions

  • Managing branching workflows with multiple stages was complex. I handled this with clear status tracking, agreed-upon role permissions, and user guidance in the interface

  • Large member databases risked sluggish response. I improved query performance via optimized indexing, caching, and pagination

  • Internal users require mobile access for fieldwork. I ensured responsive layouts, mobile dialogs, and touch-friendly controls

Outcome

The updated REHDA admin portal now empowers the association’s staff with better tools for managing members and certifications. The system improves operational efficiency, accountability, and regulatory compliance. Helping the organisation manage complex governance processes with modern usability and security.

CLOSE

LI‑TER

My role as Senior Web Developer

Link: li-ter.com

Overview

LI‑TER is an online grocery web app specialising in frozen and snack food products under the Homey brand. The platform was built with a mobile‑first mindset, featuring bottom navigation and a clean, conversion‑focused user experience. The goal was to deliver fast, effortless browsing and checkout for edible essentials.

Objective

  • Prioritise mobile usage with thumb‑friendly bottom navigation

  • Support efficient product discovery among multiple food categories

  • Drive conversion with a friction‑free shopping experience

  • Ensure quick load times and responsive design across devices

My Contributions

  • Developed front‑end using responsive, component‑based architecture with a mobile‑first approach

  • Implemented bottom navigation for fast switching between key screens on mobile

  • Built product catalogue with filtering, quick‑view, wishlist feature and smooth add‑to‑cart interactions

  • Utilised lazy‑loading, image compression and asynchronous data retrieval to keep pages lightweight

  • Created trust badges and UX panels to communicate free shipping, support and payment convenience

Key Features Built

  • Bottom navigation bar on mobile featuring Home, Shop, Cart and Account for intuitive access

  • Easy‑to‑use product catalogue with filters by category: snacks, hotpot, sauces, dry goods and more.

  • Prominent free‑shipping threshold, 24‑hour support, online payment and fast delivery badges

  • Clear product listings with price, brand, and selection options on each item

  • About us section telling the brand story of LI‑TER as a leading vegetarian food pioneer since 1985.

Challenges & Solutions

  • Managing large product data while keeping performance high was handled through server‑side pagination, lazy‑loading and efficient API requests

  • Bottom navigation was essential for conversion, so I custom‑built a touch friendly bar that adapts seamlessly between devices

  • Ensuring brand legitimacy required clear story telling, free shipping messaging and support signals throughout the user journey

Outcome

The LI‑TER platform now delivers a polished mobile shopping experience that matches the brand’s food‑centric mission. Users enjoy intuitive navigation, strong brand messaging and an efficient checkout path. All wrapped in a well‑structured, clean design. The app is ready to scale with more products and features while maintaining performance and trust.

CLOSE

LOOKCARD COMMUNITY

My role as Chief Creative Officer / Full Stack Designer

Link: reseller.lookcard.io

Overview

LOOKCARD COMMUNITY is a partner-driven web portal built to onboard resellers, agents, and affiliates into the LookCard ecosystem. The platform focuses on speed, clarity, and mobile-first usability. It allows users to register, complete KYC, and start referring without friction. The goal was to drive sign-ups, simplify onboarding, and increase engagement across devices.

Objective

  • Streamline the partner onboarding journey with guided steps and minimal input

  • Maximize conversion by removing barriers in registration, verification, and access

  • Support multiple languages to cater to diverse user groups

  • Deliver a clean and responsive experience on both desktop and mobile

My Contributions

  • Led product direction and full-stack implementation, from user flows to interface logic

  • Built secure forms with validation and real-time feedback for a smooth user experience

  • Designed and developed modular components for dashboards, referral displays, and partner levels

  • Integrated localization, optimized loading, and structured data for future scalability

  • Focused on user clarity and visual hierarchy to reduce cognitive load

Key Feature

  • Simple account creation and KYC verification with real-time status updates

  • Referral tracking with tier-based commissions and earning summaries

  • Role-specific onboarding flow for agents, resellers, and partners

  • Notification system for important actions such as KYC approval and payout eligibility

  • Multilingual interface including English, Simplified Chinese, and Traditional Chinese

  • Fixed mobile navigation bar for quick access to core features

  • Lightweight performance and responsive layout across all screen sizes

Challenges & Solutions

  • Simplifying the onboarding process without losing compliance. Solved by separating the registration from KYC while maintaining a clear progress path

  • Encouraging user trust. Solved by emphasizing transparent earnings, tier logic, and a well-structured FAQ section

  • Ensuring full accessibility on mobile devices. Solved by designing mobile-first, with thumb-friendly navigation and clear CTAs

Outcome

LOOKCARD COMMUNITY delivers a seamless onboarding journey for resellers and partners. It improves sign-up rates, supports multiple user types, and sets a strong foundation for scalable partner engagement. The system is easy to navigate, built for performance, and aligned with the broader LookCard product vision.

CLOSE

LOOKCARD ADMIN PORTAL

My role as Chief Creative Officer / Full Stack Designer

Link: admin.lookcard.io

Overview

LOOKCARD ADMIN PORTAL is a centralized back-office platform developed to manage users, financial transactions, referral programs, and incentive commissions across the LookCard ecosystem. The portal was built to support operational teams with fast access, clean layout, and scalable features that grow with the product. The focus was on clarity, speed, and ease of daily administrative tasks.

Objective

  • Centralize data management for user accounts, KYC status, transactions, and payouts

  • Streamline team operations through intuitive navigation and clear workflows

  • Ensure responsive design and fast performance for use across devices

  • Support scalability by designing modular components and flexible role permissions

My Contributions

  • Designed and developed the full stack interface with performance and UX in mind

  • Built admin dashboard components including charts, tables, filters, and notification banners

  • Implemented role-based access, secure authentication, and audit logging for compliance

  • Structured the codebase for modular growth, allowing new features to be added without disruption

  • Led UI/UX decisions to ensure clarity in dense data areas like commission calculations and KYC lists

Key Features

  • Dashboard with real-time summaries of new users, pending verifications, active resellers, and referral earnings

  • User management with search, filters, account history, and manual override capabilities

  • Transaction monitoring with built-in audit trails, status controls, and payout actions

  • Tier management tools to track performance and adjust user levels based on activity

  • Modular system for adding or removing incentives, campaign tracking, and bonus triggers

  • Secure access control based on user roles such as admin, support staff, or finance team

  • Optimized for performance with lazy-loading tables, server-side pagination, and structured API requests

Challenges & Solutions

  • Managing large volumes of transaction data required optimization. Solved through server-side filtering, pagination, and caching layers

  • Balancing security with usability. Solved by implementing strong access control while keeping interfaces lightweight and understandable

  • Keeping the interface responsive for admin use on mobile and tablet. Solved by using adaptive layouts and prioritized display elements

Outcome

The LOOKCARD ADMIN PORTAL empowers internal teams with a reliable and scalable toolset for managing the entire operational backend. With its modern interface and robust functionality, the portal reduces friction, improves clarity, and supports ongoing growth across the LookCard platform.

CLOSE

LOOKCARD USER PORTAL

My role as Chief Creative Officer / Full Stack Designer

Overview

The LOOKCARD USER PORTAL is a consumer-facing web application designed for cardholders to view their rewards, monitor spending, and unlock exclusive LookCard perks. The interface was developed to be responsive, intuitive, and visually refined. The goal was to create a seamless experience that strengthens user trust while encouraging ongoing engagement.

Objective

  • Give users full visibility into their earnings, cashback, and transaction history

  • Provide quick access to perks, promos, and partner offers

  • Design a clean and modern interface that feels premium and easy to use

  • Ensure smooth navigation and responsiveness across mobile and desktop

My Contributions

  • Led UI/UX direction and built out the full front-end architecture using modular components

  • Developed user flows for transaction visibility, cashback claims, and perk redemption

  • Integrated backend APIs for real-time transaction and reward syncing

  • Applied modern design systems with consistent spacing, typography, and iconography

  • Focused on performance tuning to support fast dashboard loading and smooth transitions

Key Features

  • Dashboard displaying active balance, total rewards, and spending breakdown

  • Transaction timeline with category filtering and status labels

  • Cashback tracking and withdrawal tools with status indicators and confirmation flows

  • Exclusive perks and promotions area personalized to user tier

  • Wallet integrations and account settings for easy management

  • Fully responsive design with mobile-first optimization and quick load times

Challenges & Solutions

  • Presenting financial data in a clear and human-friendly format was solved by prioritizing visual hierarchy, icon cues, and progressive disclosure

  • Keeping the interface responsive and snappy across all devices was achieved through careful layout planning, component reuse, and optimized assets

  • Encouraging deeper feature engagement required subtle guidance and well-placed call-to-actions throughout the portal

Outcome

The LOOKCARD USER PORTAL delivers a polished, user-centered experience that helps cardholders understand their value at a glance. It blends clean aesthetics with functional clarity, offering users an engaging way to track their rewards, manage spending, and stay connected with LookCard benefits.

CLOSE

LLM "CYRUS"

Personal Project

Link: shah.contact/cyrus

Overview

CYRUS is a self-hosted large language model built as a personal advisor, trainer, and digital mentor. The project was developed to support day-to-day personal growth. Unlike generic AI tools, CYRUS is fine-tuned with my own thinking patterns, priorities, and workflows. It is accessible via a custom-built web and mobile interface for always-on support.

Objective

  • Create a consistent, context-aware advisor tailored to my own values, voice, and mental models

  • Enable strategy refinement, emotional check-ins, and project feedback on demand

  • Build an interface that feels like a conversation with a trusted partner, not just a machine

  • Ensure private, secure access through self-hosted infrastructure and dedicated front ends

My Contributions

  • Trained and fine-tuned the model on custom prompts, recurring patterns, and value-based logic

  • Designed and developed the front-end using lightweight frameworks with offline fallback

  • Integrated secure backend hosting with memory persistence, custom instructions, and sandboxing

  • Built a notification system to prompt reflection, next steps, or priority alignment

  • Established a framework for personal rule-setting, response tones, and tailored behavior

Key Features

  • Personalized memory and logic based on my professional background, habits, and aspirations

  • Fast-loading web app with Markdown support, conversation history, and long-context prompts

  • Mobile version with voice input, fast command replies, and minimal distraction interface

  • Internal system for tagging sessions as strategy, emotional support, creative drafts, or review

  • Periodic goal reminders, habit check-ins, and tailored guidance based on user-defined inputs

Challenges & Solutions

  • Balancing general LLM capabilities with personal alignment. Solved through custom conditioning, ruleset injection, and context training

  • Keeping the experience emotionally resonant and useful. Solved by designing intent-aware modes such as mentor, strategist, or therapist

  • Maintaining privacy and performance. Solved via local or private cloud hosting with encrypted session handling

Outcome

CYRUS serves as a personal extension of thought, helping me stay focused, consistent, and supported across work and life. It is not just an AI tool but a private mentor built to reflect how I think, what I need, and how I grow.

CLOSE

ALARM CLOAK

Personal Project

Overview

ALARM CLOAK is a gamified alarm app designed to improve self-discipline and eliminate the habit of snoozing. The app transforms waking up into a task-driven experience, requiring users to complete interactive challenges before alarms can be dismissed. Built as a personal tool to combat morning inertia, ALARM CLOAK focuses on accountability through action.

Objective

  • Replace passive wake-ups with active, challenge-based routines

  • Make alarm dismissal require mental or physical effort

  • Build daily consistency by turning wake-ups into small wins

  • Encourage better sleep hygiene through structured routines

My Contributions

  • Designed and developed the entire app interface with gamification mechanics

  • Built the alarm engine with customizable timers, repeat logic, and snooze resistance

  • Developed and tested various challenge modules for reliability and engagement

  • Created visual and tactile feedback systems to reinforce success or failure

  • Tuned the flow to minimize decision fatigue and support habit formation

Key Features Built

  • Alarm dismissal games including math puzzles, memory taps, breathing tasks, or photo missions

  • Custom challenge selection to match difficulty with discipline goals

  • Streak tracking and rewards system to reinforce consistency

  • Backup failsafe alarms and vibration escalation for stubborn mornings

  • Clean, minimal UI with a focus on morning clarity and ease of use

Challenges & Solutions

  • Keeping users engaged without causing frustration. Solved by offering a choice of challenges and difficulty levels

  • Balancing urgency with calm. Solved through visual hierarchy, sound cues, and breathing tasks to ease into the day

  • Ensuring reliability on mobile. Solved by integrating persistent background logic and redundant triggers for wake times

Outcome

ALARM CLOAK helps transform mornings into moments of action. It empowers users to start the day with intention, gamifies discipline, and builds momentum from the very first tap.

CLOSE

WOKE OUT

Personal Project

Overview

WOKE OUT is a self-designed fitness app focused on tracking workouts, logging progress, and supporting sustainable training routines. Built as a tool for personal accountability, the app combines clean visuals with performance insights to help reinforce discipline and long-term commitment. It is structured to work without distractions, prioritizing clarity and data over social features.

Objective

  • Create a distraction-free space for logging workouts and tracking strength or endurance progress

  • Reinforce discipline through visual milestones, session logs, and routine analysis

  • Build a flexible structure to accommodate different training styles and cycles

  • Design a clean and motivating interface that encourages consistency

My Contributions

  • Designed the user interface to reduce friction and encourage fast logging during active sessions

  • Built the front-end and back-end using lightweight frameworks to ensure smooth performance on all devices

  • Developed the data structure for weekly cycles, lift history, and visual performance insights

  • Integrated motivational cues, reminders, and calendar-based habit tracking

  • Tuned the design language to feel sharp, strong, and intentional without clutter

Key Features

  • Workout logging with sets, reps, rest time, and notes for each movement

  • Progress charts to monitor trends across volume, frequency, and key lifts

  • Program builder to outline weekly splits, cycles, and progression plans

  • Personal best tracker and streak visualizer to encourage momentum

  • Dark mode interface with minimalist layout for full focus during workouts

Challenges & Solutions

  • Needed a way to stay consistent without external pressure. Solved by designing personal cues and private progress visuals

  • Avoided the trap of overcomplexity by removing social feeds or distractions, keeping the focus on effort and results

  • Built flexibility into the system to support evolving training methods, from hypertrophy to conditioning

Outcome

WOKE OUT is a focused and personal fitness tracker that serves as both a mirror and motivator. It keeps training simple, clear, and consistent, offering a self-driven path to growth and accountability.

CLOSE