Case Studies

AI Web

此區作品均由 AI 生成的 Landing Page,部分細節或許尚未完美,但這正是 AI 輔助設計的真實呈現。對於有經驗的設計師而言,這些細節調整並非難事。展示這些作品的目的,在於說明從構想到完稿,AI 能大幅縮短設計流程、加速產出。

WEB

Asian Malignant Hyperthermia Alliance (AMHA) thumbnail
Asian Malignant Hyperthermia Alliance (AMHA)

This project is the official website for the Asia Malignant Hyperthermia Alliance (AMHA), a non-profit organization dedicated to addressing Malignant Hyperthermia (MH). The scope of work included the complete development of static front-end code, comprising structured HTML and integrated CSS styles. Visual assets were provided by the original designer. My responsibility was to transform the provided design into responsive and accessible code, ensuring a clean and professional presentation of medical information for diverse platforms.

  • HTML
  • CSS
  • RWD
  • Animation
  • Bootstrap
  • FontAwesome
  • JavaScript
Yunfei's Choice thumbnail
Yunfei's Choice

This front-end static site package includes a single-page website with HTML structure, CSS styling, and complete visual assets. It showcases the ability to implement visually-driven product layouts and integrate interactive animation effects. All design materials were provided by the original design team. I was responsible for static layout development and front-end animation. This work is suitable for use as a showcase for brand landing pages and similar case studies.

  • HTML
  • CSS
  • RWD
  • Animation
  • AOS
  • Bootstrap
  • JavaScript
Malaysia Online Tourism Manual thumbnail
Malaysia Online Tourism Manual

This online guide was built as a static website with responsive web design (RWD) to ensure optimal viewing across various devices. The development process involved structured HTML, custom CSS styling, and full integration of visual assets, showcasing my ability to implement visually-driven layouts. While the design materials were provided by the original designer, I was responsible for front-end slicing and animation effects, making it suitable for brand identity pages and promotional site showcases.

  • HTML
  • CSS
  • RWD
  • Bootstrap
  • FontAwesome
  • JavaScript
AMHA System Content Management System (CMS) thumbnail
AMHA System Content Management System (CMS)

This project is the back-end management system for the Asia Malignant Hyperthermia Alliance (AMHA), supporting content editing, data maintenance, and general information management. The interface was developed using HTML and CSS, based on visual assets provided by the original designer. I was responsible for static layout implementation and front-end development. The system is designed for practical use and intended for desktop-based administrative operations.

  • HTML
  • CSS
  • Bootstrap
  • FontAwesome
  • JavaScript
ERP Admin System thumbnail
ERP Admin System

This project is a front-end template for an enterprise ERP back-end management system, featuring key modules such as hotel project management, order processing, price and inventory viewing, supplier and guide management, and system announcements. The interface was built using HTML and CSS, with a strong focus on user experience (UX). It is specifically optimized for desktop workflows, providing intuitive and efficient navigation for internal staff. Visual assets were provided by the original designer, while I was responsible for static layout implementation and front-end interaction effects.

  • HTML
  • CSS
  • Bootstrap
  • FontAwesome
  • JavaScript
Guesthouse Admin System thumbnail
Guesthouse Admin System

This project is a front-end template for a guesthouse management back-end system, featuring modules such as property and room listings, order tracking, referral code management, and sales reporting. Developed using static HTML and CSS, the system supports responsive web design (RWD), ensuring a seamless user experience across both desktop and mobile devices. The interface allows administrators to manage listings, pricing, and data maintenance efficiently on any platform. Visual design assets were provided by the original designer, while I was responsible for layout slicing and front-end integration.

  • HTML
  • CSS
  • RWD
  • Bootstrap
  • FontAwesome
  • JavaScript

AI

aaa