In the early 2010s, Xbox Live profiles were primarily accessible through the Xbox console itself. Players who wanted to check their achievements, review game progress, or view friends activity had to log in directly from their console. Recognizing this limitation, I designed and developed Live Profile for Windows Phone —a mobile application that allowed Xbox players to access their Xbox Live…
During the Windows Phone era, simplicity and speed were the defining characteristics of successful apps. Users preferred applications that loaded instantly, had clean interfaces, and focused on doing one thing exceptionally well. Tiny Notes was created with this exact philosophy in mind. Designed for Windows Phone 7.5 and higher, it provided a fast and minimal note‑taking experience for users who…
The idea was to reimagine time display in a way that was both functional and artistic. By using progress bars, users could see the passage of time at a glance. Key Features Animated progress bars for hours, minutes, seconds Minimalist, modern design Theme‑aware interface Technical Details Platform : Windows Phone UI : Custom progress bar animations in XAML Outcome & Impact Bar Clock appealed to…
Inspired by fitness trackers and circular UI elements, I designed Circulo Clock to be both functional and visually engaging. It combined stopwatch, timer, and alarm features into a single circular interface. Key Features Stopwatch, timer, and alarm functions Fully circular interface Theme‑aware visuals Optimized for quick interactions Technical Details Platform : Windows Phone UI : Custom circular…
At the time, many weather apps were cluttered with ads and unnecessary features. I wanted to create a minimalist alternative that focused on delivering accurate weather data in a visually appealing way. Key Features Multiple location support Real‑time weather updates Customizable Live Tiles Flat, modern UI design Technical Details Platform : Windows Phone Integration : Weather API Design :…
Students often had to juggle multiple platforms for schedules, bus tracking, and campus updates. I built the APU app to simplify student life , integrating everything into a single, intuitive interface. Key Features Real‑time bus tracking Class schedules and academic calendar Weather forecasts for campus planning News and events feed Live Tiles for instant updates Technical Details Platform :…
Users loved the idea of having a glanceable clock without unlocking their phone. However, hardware limitations meant many couldn’t access the feature. I created Amber Clock to bridge that gap , offering a battery‑efficient, AMOLED‑style display that worked even on unsupported devices. Key Features Always‑on digital clock display Battery‑optimized for long runtimes Theme‑aware design with…
The idea came from wanting a minimalist, always-on display that could serve as both a clock and an information hub. Wall Clock was built as a web app, making it accessible across devices and easy to customize. Key Features Time and date display Weather integration Notifications and alerts Customizable interface for wall-mounted screens Technical Details Platform : Web app (HTML, CSS, JavaScript)…
Before streaming services dominated, TV schedules were still essential. I built this app to give users a modern, mobile-friendly way to browse listings, set reminders, and discover new shows. Key Features Real-time TV listings for local and satellite channels Program reminders and notifications Native Windows Phone and Windows 8 support Clean, modern UI with Live Tiles Technical Details Platform :…
MY Flights was a Windows Phone app that provided real-time flight tracking for domestic and international flights in Malaysia. It also integrated weather data to give travellers a complete overview of their journey. Travelers often need quick access to flight and weather information. At the time, no mobile app offered a comprehensive, mobile-friendly solution for Malaysian travellers. MY Flights…
In today’s competitive business landscape, a strong and recognizable brand identity is essential for any company aiming to stand out—especially in markets crowded with similar services. Many businesses underestimate how powerful a logo, colour scheme, and consistent visual identity can be. While customers may forget a company name or slogan, they almost always remember a distinctive logo and the…
Before any software product is developed, the first essential step is to visualize how the final system will look and function . Wireframing plays a crucial role in this early phase by allowing designers and stakeholders to define the structure, navigation flow, and user interactions long before development begins. This project represents the wireframe design for a custom‑built Contact Management…
This project focuses on designing a complete set of website error handler pages , intended to inform visitors when they face accessibility or permission-related issues. Each error type—such as “404 Not Found” or “401 Unauthorized”—requires clear communication and a visual style that quickly helps the user understand what went wrong. Inspired by the clean, bold aesthetic of the Windows 8 Blue…
In this second personal project, I took on the challenge of virtually tuning a stock Audi A5 , pushing my creativity and technical skills further. The aim was to create a visually captivating racing concept that reflects strength and agility, featuring a bold Chinese dragon decal that adds cultural significance and flair. Set against the gritty backdrop of an urban underbridge environment, the…
This personal project marks my first exploration into virtual car tuning , where I experimented with transforming a stock vehicle photograph into a fully customized racing concept using Photoshop. Starting with a standard BMW 630 , the goal was to push beyond realistic factory aesthetics and explore a more expressive, performance‑inspired visual language. The project focused on reimagining the…
This project involved designing business cards for the Microsoft Imagine Cup 2012 finalist team , created shortly before traveling to the global finals. With only a few hours available before departure, the objective was to quickly produce a professional card that could represent both the team members and the project developed over several weeks of preparation. The design followed Microsoft’s…
This project was designed as a landing page for a multiplayer gaming server , providing players with a quick overview of available games, server activity, and player statistics. At a time when competitive multiplayer communities relied heavily on dedicated servers, having a central hub where players could monitor server status and activity was essential. The goal was to create a visually engaging…
In the early days of the web, Flash‑heavy websites with intricate animations and graphics were extremely popular. While visually impressive, they often came with a major drawback: slow loading times , especially on limited internet connections and less capable browsers. Users were forced to wait through lengthy preloaders before accessing even basic content. The goal of this project was to design…
Fashion Gate was envisioned as a new online community for fashion designers and fashion enthusiasts , requiring a visually captivating interface that matched the style-centric nature of the platform. The login screen and intro animation needed to feel modern, dramatic, and expressive—something that immediately captured attention. However, the challenge was clear: detailed animations in Flash often…
Entertainment websites face a unique challenge: the audience must be engaged instantly . Long loading times, static visuals, or delays in multimedia playback quickly lead to boredom—especially in sports‑themed platforms where energy and excitement are key. During the time this project was created, web technologies had significant limitations. Complex animations, audio effects, and interactive…
This project involved designing a Flash-based website template for a car tuning company , created to capture the high‑energy and performance‑focused culture of automotive customization. At the time, animated Flash websites were widely used to deliver immersive and visually striking experiences, especially for industries where visual presentation played a major role. The concept behind this…
FlyQuantaire, founded in 2006, was a growing aviation community and training school offering city sky tours, flight training programs, and aviation services . To attract tourists, aspiring pilots, and aviation enthusiasts, the organization needed a website that delivered both visual impact and professional presentation . The design challenge was twofold: Create a visually engaging website that…