Card Matching Game

See Full Game ↗

Overview

This project is an illustrated farm-themed card matching game with a multi-screen flow, level progression, reward states, and win popups. The experience uses custom SVG artwork for the title screen, farm selection, instructions, level pages, and game board UI.

Highlights

Interactive landing page and farm selection flow
Level-based memory game board with timer and move tracking
Reward progression and final completion popup
Custom illustrated card assets and themed UI screens

UI Screens From The Game

These illustrations are pulled from the assets used in the game itself. They represent the main user journey from title screen to gameplay and final reward.

Illustrated title screen for the card matching game — Title screen / landing page artwork used as the game entry experience.

Farm selection screen illustration — Farm selection screen with interactive hotspots and locked upcoming areas.

Game board interface background illustration — Main game board background used behind timer, cards, and rewards.

Theme level page illustration for the matching game — Level page artwork used when navigating the themed farm game flow.

Final reward illustration shown on game completion — Final reward artwork displayed after completing all levels.

Card Illustration Assets

These are example illustrations from the in-game card set used for the summer farm matching deck, plus the shared card back graphic.

Card back illustration — Reusable card back used for all hidden cards on the board.

Apple card illustration from the summer farm deck.

Avocado card illustration used in the matching set.

Carrot card illustration — Carrot icon artwork for card matching gameplay.

Lemon card illustration with bright color contrast for easy recognition.

Onion card illustration — Onion card artwork included in the summer farm card deck.

Tomato card illustration used as one of the matching pairs.

Grapes card illustration from the agricultural-themed icon set.

Deliverables

Project 10 deliverables for this prototype include both interface screens and functional gameplay interactions, documented below with short descriptions.

Interactive Game Flow

Landing page, farm selection, instructions popup, level pages, game board, win popup, and final completion popup are all structured as separate screens in one web experience.

Playable Card Matching Prototype

A JavaScript-powered memory game board with card matching logic, timer display, move count, and level progression. The current build highlights the summer farm as the playable path.

Illustrated UI Asset Set

Custom SVG artwork for title screen, farm map, instructions, gameplay background, level pages, and final reward visuals to keep the experience visually consistent.

Card Deck Illustrations

Farm-themed fruit and vegetable card illustrations plus a reusable card back design for the matching gameplay system and future deck expansion.

Tools Used

See Full Game ↗