Rizalde Martinez Jr.

Front-End Developer in Training

Blending clean code, modern design, and thoughtful user experience into every project.

View Projects Get in Touch

Scroll Down

About Me

I'm a passionate web development student at NAIT, pursuing a diploma in Digital Media and IT with a focus on Web Design and Development. With a strong 3.9 GPA and a keen eye for detail, I specialize in creating modern, responsive websites that prioritize user experience.

My approach combines technical proficiency with design thinking, ensuring every project is both functional and visually compelling. I'm constantly learning and pushing myself to stay current with web development trends and best practices.

3.9

GPA

10+

Projects

100%

Committed

Skills & Technologies

Front-End Development

HTML5 CSS3 JavaScript (ES6+) Responsive Design Bootstrap 5 DOM Manipulation CSS Grid & Flexbox CSS Animations Media Queries

JavaScript & APIs

ES6 Modules REST API Integration Fetch API JSON LocalStorage Validator.js Async/Await Event Handling

Design & UX

Figma UI/UX Design Wireframing Prototyping Web Typography User Personas Information Architecture Mobile-First Design

Development Tools

Git & GitHub Parcel Bundler VS Code Node.js npm Chrome DevTools Netlify

Web Standards & Best Practices

Semantic HTML Accessibility (a11y) SEO Optimization Web Performance Cross-Browser Compatibility Form Validation Responsive Images

Soft Skills

Problem Solving Attention to Detail Communication Time Management Adaptability Self-Directed Learning Debugging

Featured Projects

Album Search & Save Tool

JavaScript (ES6) REST API Parcel Bootstrap

A dynamic web application that allows users to search for albums through a REST API and explore detailed results in a responsive card layout. Users can save favorite albums using LocalStorage and switch between "Search" and "Saved" views using a clean tab-based interface.

Fetches real album data from an external API Fully DOM-built interface (no innerHTML) Accessible, mobile-first design Modular JavaScript with Parcel bundling Error handling and empty state UI feedback

Space Center Stony Plain - UX Redesign

Figma UX Research Content Strategy

A comprehensive UX redesign focused on improving clarity, navigation, and user satisfaction for an information-heavy museum website. The project emphasizes understanding audience needs and restructuring content for easier access.

Created three detailed personas Reorganized complex website information into intuitive sections Produced a full sitemap to streamline navigation Improved accessibility and overall user flow

Responsive Multi-Page Layout

JavaScript HTML5 CSS3

A fully responsive, two-page website built from a professional Figma mockup. Includes a semantic and accessible membership form with validation, plus an interactive accordion FAQ section for improved usability.

Mobile-first responsive layout Clean, semantic HTML structure Interactive form validation Custom CSS aligned with modern design principles Smooth, user-friendly accordion for FAQs

Doctor Who Expressive Typography

HTML CSS Typography

A creative web typography project inspired by Doctor Who, using expressive font pairings, spacing, and layout to evoke mood and narrative. Focused on visual storytelling through type.

Strong typographic hierarchy Creative layout and spacing Theme-based design that reflects tone and atmosphere Clean, readable presentation with artistic flair

JavaScript ES Modules & Validator.js

ES Modules Bootstrap Validator.js Parcel

A modern JavaScript form validation project using ES modules and a bundled workflow. Includes real-time validation states, clean feedback messages, and a responsive UI built with Bootstrap.

Modular ES6 JavaScript architecture Robust validation logic using Validator.js Responsive and accessible form layout Organized, scalable code structure Bundled and optimized with Parcel

Space Museum Digital Wireframes

Figma Low-Fidelity Prototype

A complete set of low-fidelity wireframes for a redesigned museum website, focusing on content structure, usability, and mobile-first layout. Covers essential user journeys and page types.

Mobile + desktop wireframes Clear navigation and layout structure Consistent grid, spacing, and visual grouping Designed for user clarity and future high-fidelity development