Hi! I'm

DENELLE

DIONE

THE BASICS

Tech-Minded, Design-Focused

I’m a Computer Science graduate from the Polytechnic University of the Philippines with a strong interest in UI/UX design, digital art, and graphic design. I combine creativity with a solid understanding of design principles like typography, layout, and color theory. I enjoy crafting clean, user-focused designs and bringing ideas to life through intuitive interfaces. I’m excited to grow in the creative tech space and contribute to meaningful digital experiences.

EXPERIENCE

UI/UX Designer / QA Tester Intern
@FWD Insurance Corp. - Paragon(Tiger's eye)
August - September 2024
• Designed intuitive,
user-friendly interfaces
for a 5-page web application
using Figma.
• Conducted usability testing
and gathered feedback to
improve design iterations.
• Collaborated with developers
to implement design features
using Figma.
• Performed cross-platform
compatibility testing to ensure
responsive design across
various devices and browsers.

Areas of Expertise

Download Resume

Supplementary Skills

Project Showcase

Paragon

Internship Project - FWD Insurance Corp.-Paragon(Tiger's Eye)

A visually engaging, user-friendly website for Paragon Life and Wealth Coaches, highlighting their mission of financial empowerment through clear navigation, impactful visuals, and a cohesive design. Features include a dynamic hero slider, service pages, event highlights, and appointment booking, optimized for all devices.

The website uses Paragon Life and Wealth Coaches’ brand colors—black for elegance and professionalism, orange for energy and optimism—ensuring strong brand recognition. White serves as a neutral backdrop to balance the design, improve readability, and make the bold colors stand out.

Roboto
Roboto
Roboto

The website uses Roboto for its clean, modern look and excellent readability across devices, reflecting the brand’s professional yet approachable image while ensuring a clear visual hierarchy.

Design Features

The website features a clean, modern layout with a dynamic hero slider, clear navigation, and responsive design for seamless viewing. Interactive elements like appointment booking, event highlights, and integrated social media links enhance user engagement.

Private

Overworked

Academic Project

A 2D side-scrolling run-and-gun desktop game built with Java AWT. This single-player title features dynamic enemies, diverse weapons, multiple stages, and a save/load system, blending fast-paced action with strategic gameplay for players aged 12+.

The palette uses violet as the base for a creative, adventurous tone, with yellow for energy and contrast, and red for urgency and intensity—creating a bold, engaging atmosphere that enhances gameplay.

Press Start 2P
Press Start 2P
Press Start 2P

The game uses the retro-style ‘Press Start 2P’ font, evoking classic arcade aesthetics to match the fast-paced, nostalgic feel of the gameplay.

Design Features

Features include side-scrolling action with dynamic enemies, diverse weapons, multiple stages, and interactive power-ups. A save/load system, achievements, and responsive controls enhance replayability, while vibrant visuals and themed environments immerse players in the adventure.

Access Prototype here

Prototype

My Portfolio

Personal Project

An early portfolio built to practice HTML, CSS, and JavaScript, showcasing experimental layouts and elements without strict design guidelines.

The palette combines black for contrast and structure, a vibrant gradient of blue, violet, and pink for a bold, playful focal point, and white for balance and readability. This mix reflects an experimental, creative approach without strict adherence to design conventions.

Poppins
Poppins
Poppins

Poppins was chosen for its clean, modern, and versatile look, providing readability and a contemporary feel that complements the portfolio’s playful, experimental design.

Design Features

An experimental layout combining vibrant gradients, bold contrasts, and freely placed elements. Designed without strict guidelines, it reflects creative exploration while showcasing fundamental HTML, CSS, and JavaScript skills.

Access here

Visit Site

Professional Portfolio

Personal Project

A clean, professional portfolio designed with consistent layouts, refined color schemes, and intuitive navigation—showcasing projects with a focus on clarity, aesthetics, and user experience.

The palette combines a soft beige, deep brown, and warm brick red to create a grounded, sophisticated look—balancing warmth and contrast for a polished and professional feel.

Poppins
Poppins
Poppins

Poppins was chosen for its clean, geometric style, offering excellent readability while giving the portfolio a modern and professional look.

Design Features

Features a clean and organized layout that ensures easy navigation and a pleasant browsing experience. I used a neutral color palette for a professional yet inviting atmosphere. The typography is consistent throughout to maintain a cohesive look. With a responsive design, the portfolio adapts seamlessly to different screen sizes, while its minimalist aesthetic keeps the focus on the content without unnecessary distractions.

Live

CommutAsk

Academic Project

CommutAsk is a mobile app designed for first-time commuters, combining a community thread system for sharing tips and experiences with an integrated navigation feature to help users confidently find their way.

Color palette blends functionality with approachability. The primary blue-violet shade conveys trust, reliability, and guidance—ideal for navigation and community support. The light gray provides a neutral, clean background that enhances readability, while the soft lavender adds a friendly and approachable touch, making the interface welcoming for first-time commuters.

Inter
Inter
Inter

Inter typeface was chosen for its clean, modern, and highly legible design, making it ideal for mobile interfaces. Its balanced letterforms ensure readability across different screen sizes, while its minimal style complements the app’s straightforward and user-friendly experience.

Design Features

CommutAsk’s design emphasizes clarity and ease of use for first-time commuters. It features an intuitive interface with organized threads for seamless community communication, an integrated navigation system for real-time route guidance, and a clean layout that minimizes clutter. The color palette and simple icons enhance usability.

Access Prototype here

Prototype

RiverEyes

Thesis Project

A hardware-based system designed to detect and classify plastic waste on river surfaces using a modified YOLOv8s model combined with the Dark Channel Prior (DCP) algorithm for enhanced visual processing.

Role: Research and Documentation

Produced clear, structured, and well-researched thesis documentation.

Gathered and analyzed data to generate actionable insights.

Synthesized research findings into concise, persuasive content.

Coordinated with team members to meet milestones and deliverables.

Private

EcoTronix

Academic Project

The Smart E-Waste Bin features a modern, compact design with eco-friendly materials, a front-facing barcode scanner, and an LED display for instant credit updates. Its color-coded slot ensures proper disposal, while the sleek form and intuitive interface promote both functionality and sustainability.

The palette uses earthy green tones to symbolize sustainability and environmental care, paired with white to convey cleanliness, simplicity, and trust—reinforcing the project’s eco-friendly purpose

Design Features

The smart bin features a sleek, modern form with an integrated barcode scanner, a user-friendly digital display, and a compact yet durable build. Its design emphasizes accessibility, with a wide opening for easy disposal, clear indicator lights for status updates, and a smooth finish that blends with both public and private spaces.

Access Prototype here

Prototype

Visual Creations

Personal/Commission Project

A curated collection of my creative works, featuring hobbyist vector portraits, commissioned invitations and logos, and promotional video designed for academic presentations.

Access here

Compilation