Portfolio
Explore my work across different disciplines.
Web Design
Custom Web Apps
Color Cross-Reference Tool
Internal Color Matching Solution
Project Overview
An intranet application developed specifically for our team's color matching workflow. This tool streamlines the process of matching paint colors and materials across different manufacturers' product lines, optimized for our specific use cases and requirements.
🎨 Workflow Integration
Custom-built to match our team's specific color matching process, with optimized workflows for internal paint and material systems.
🔄 Cross-Reference
Specialized matching across our most-used systems: Pantone (PMS), Matthews, Sherwin-Williams, Gerber/3M, and Oracal.
⚡ Team Efficiency
Streamlined interface designed for rapid color matching by team members, with built-in handling for our common edge cases.
Technical Implementation
🛠️ Architecture
Intranet-optimized application built with HTML5, CSS3, and Vanilla JavaScript for reliable internal network performance.
📊 Data Management
Custom-tailored database structure for our specific color systems and internal reference materials.
📱 User Interface
Interface designed around our team's daily workflow, with quick access to frequently used features.
Project Status
This tool was a proprietary web app created specifically for internal purposes and is no longer live.
WordPress Websites
Fort Bend Home and Lawn Services
Fort Bend Home and Lawn Services Responsive WordPress Website
Project Overview
A fully responsive WordPress website developed for a residential lawn care and exterior services business. The site was designed to present services clearly, drive direct conversions through on-page pricing links, and serve as a content hub for long-term SEO growth.
🌿 Service-Focused Hero Slider
The homepage opens with a dynamic hero slider that showcases key services, each paired with a direct call-to-action button linking to pricing information. This structure helps streamline the customer journey from interest to inquiry.
📈 SEO-Optimized Blog
The site includes a growing blog with helpful, locally relevant posts targeting common homeowner questions. Each post is structured for strong SEO performance, helping drive organic traffic over time.
📱 Mobile Responsiveness
Designed with mobile-first responsiveness to meet the browsing habits of customers looking for fast service estimates. Every element scales cleanly across phones, tablets, and desktops.
Technical Implementation
🧱 Built on WordPress
Developed with WordPress using a performance-optimized theme, Elementor Pro, and native block editing. Utilizes WordPress hooks and includes plugins for SEO, caching, and a Google Form integration with response tracking.
⚙️ Admin Simplicity
The service pricing section features a live-embedded Canva presentation that can be updated independently without affecting the website structure—ideal for fast edits and seasonal changes.
🔍 Local Search Visibility
Every page is structured with local search optimization in mind—from proper schema markup to keyword-targeted headings and metadata. The foundation is built for visibility and customer acquisition.
Project Status
The site is live and actively used as a lead generation tool and content platform. Continued updates to the blog and pricing sections support SEO growth and customer engagement.
Key Features
- Hero slider with direct pricing call-to-actions
- WordPress-based for easy management
- SEO-ready blog with helpful, relevant content
- Fast-loading, mobile-first design
UX Mockups
Mobile Landing Page Mockup - Mini Site (Figma)
Drag-and-Drop Websites
Major Concrete Solutions
Major Concrete Solutions Responsive Website
Project Overview
A branded, responsive one-page informational website for a local concrete contractor based in Fort Bend County, TX. The site was designed to emphasize trust, craftsmanship, and local presence while keeping performance, clarity, and mobile usability top of mind.
🔗 Brand Integration
The website reflects the contractor’s core values through consistent use of a strong visual identity, including logo repetition, symbolic geometry inspired by military chevrons, and a bold, trustworthy aesthetic.
📍 Local SEO Foundation
Built with Google Business visibility in mind, including structured content, fast load speeds, and service-area targeting to improve local discoverability and increase inbound call volume.
📱 Mobile-First Design
Optimized for smartphones and tablets to meet the browsing habits of homeowners searching for services on the go. Clean layout, large tap targets, and simplified navigation support mobile conversions.
Technical Implementation
🛠️ Architecture
Created using a drag-and-drop builder to allow for fast deployment and handoff. Lightweight and modular for quick edits, with no custom code dependencies—perfect for non-technical users.
⚙️ Admin Flexibility
Built for easy ongoing management. The contractor or an admin can update text, images, and key sections without needing a developer—ideal for a hands-off, self-managed approach.
🧭 UX Strategy
Designed to lead users quickly to the key action: requesting a quote. Prominent CTA placement, scannable sections, and anchor navigation simplify the decision-making process.
Project Status
This one-pager is live and serving as the foundation of the contractor’s online presence. Google indexing, structured data, and responsive layout provide long-term flexibility and discoverability.
Design Considerations
Emphasis was placed on rounding out the client's brand and brand consistency, symbolic shape repetition (such as the chevron-style “M”), and clean content presentation to build trust and reinforce memorability.
- Responsive layout with single CTA focus
- Strategic use of brand-aligned shapes and hierarchy
- Optimized for local service discovery
- Built using a no-code editor for easy future edits
Graphic Design
Infographics
Brand Kits
Black Label Snack Co.
Project Overview
The "Black Label Snack Co. Brand Kit" showcases a fully developed visual identity for a premium snack brand. This kit was created to unify the brand’s presence across packaging, merchandise, and digital platforms. Designed to convey a bold, vintage-inspired aesthetic, the kit includes logos, color palettes, typography, and real-world mockups. Though the brand is now retired, this kit serves as a complete example of strategic brand development.
🎨 Custom Visual Identity
Features a bold, vintage logotype with detailed variations for packaging, apparel, and merch.
🖍️ Defined Color & Typography
Establishes a striking color palette and type system that reinforces brand personality.
📦 Real-World Mockups
Applies branding to packaging and apparel, showing how the identity translates across mediums.
Design Approach
🔑 Logo Variations
Includes official and specialty logotypes tailored for print, digital, and merchandise use.
⚙️ Practical Usage
Brand assets were designed for flexibility in real-world use, including packaging and t-shirts.
📊 Cohesive Brand Elements
Ensures a unified look across all materials by aligning colors, fonts, and visual style.
Brand Kit Access
The brand kit is available for viewing and download. A live version is hosted via Canva, and a PDF backup is provided for easy access. Although the brand is no longer active, this kit remains a strong example of a fully realized identity system.
Access the Brand Kit
Logo Design
Technical / CAD Drawings
3D Modeling
Custom BBQ Pit
Custom BBQ Pit
Project Overview
A custom-designed BBQ pit modeled from concept sketches, created entirely in Vectorworks. This model served as a design reference for a professional fabricator, who brought the concept to life with stunning real-world craftsmanship and added details for aesthetics and functionality. The 3D model focuses on accurate proportions and essential design elements that acted as a guide for the fabrication process.
🎯 Concept to 3D
Modeled directly from rough sketches to visualize the design and overall proportions before fabrication.
🧭 Fabrication Reference
Used as a go-by for a professional fabricator who added artistic and functional details to the final build.
🔥 Functional Design
Focused on practical aspects such as airflow, accessibility, and structural integrity to ensure real-world usability.
Technical Details
🛠️ Software Used
Modeled exclusively in Vectorworks with precision tools for accurate dimensions and alignment.
📐 Dimension Accuracy
Created with real-world measurements to assist in fabrication, ensuring that scale and proportions align with practical build considerations.
🔩 Construction Elements
Includes structural components, lid, and single chamber design to convey the assembly process clearly.
Precision CAD Drawings
Presentation & Slide Design
Canva Slide Presentations
"AI in the Creative Spaces" Slide Presentation for Houston Community College Guest Lecture 05/07/25
"AI in the Creative Spaces" Lecture Resource Guide
AI-Assisted Information Distillation
Understanding Medical Research
Medical Case Report
Information Distillation of a Medical Case Report
In this project, I demonstrate the ability to use ChatGPT to distill dense and technical medical writing into clear, accessible language suitable for general audiences. Using a real case report published in Emerging Infectious Diseases, I selected complex excerpts and, with the assistance of AI, rewrote them in plain language, while preserving the critical scientific information.
Each “Before and After” example showcases how AI tools, combined with careful human editing and curation, can transform jargon-heavy content into easy-to-understand explanations without losing accuracy.
The goal is to make complex medical information understandable to non-experts — whether for patient education, public awareness, or general communication.
To highlight this process, I’ve included three side-by-side examples that focus on:
- Case background and significance.
- Laboratory methods and diagnosis.
- Clinical implications and treatment challenges.
Downloads and the original source are provided below for further reference.
Excerpts – Before and After:
Before: (Original Excerpt from Abstract)
“A panaritium developed in a woman in Denmark after her cat scratched her. Analysis of tissue by 16S rRNA gene sequencing revealed Mycoplasma phocimorsus, known to cause seal finger. The source of the bacterium likely transmitted by the cat is unknown, but awareness of potential zoonotic transmission from cats should be raised.”
After: (Refined Plain Language Version)
“A woman in Denmark developed a serious finger infection after her cat scratched her. Lab testing showed she was infected with Mycoplasma phocimorsus, a rare type of bacteria usually found in seals that causes a disease called seal finger. Doctors are unsure how the cat carried this germ, but this case highlights that cats might sometimes spread unusual infections to humans.”
Original issue: Formal language (“panaritium,” “zoonotic transmission”), long sentences, and indirect phrasing.
Simplified by: Using common terms (“painful finger infection” instead of “panaritium”), breaking up sentences, and explaining what seal finger is.
Before: (Excerpt from Case Description and Diagnosis)
“After M. phocimorsus was identified at SSI, whole-genome metagenomics sequencing was unsuccessfully attempted from the original specimen. However, using PCR primers covering the complete 16S rRNA sequence, a near-complete sequence was obtained. At the time of diagnosis, tissue from the lesion was examined for Mollicutes DNA by conventional PCR using primers targeting the 16S rRNA gene (1) (Appendix). Analysis of the V1–V9 sequence (1,415 bp) showed the sequence from this study had the best homology (100% coverage, 99.72% identification) with M. phocimorsus (GenBank accession no. OQ945447), a species identified in 2023 in patients from Scandinavia who had seal finger after contact with seals (1) (Figure; Appendix).”
After: (Plain Language Version)
“Lab tests confirmed that the bacteria causing the woman’s infection matched Mycoplasma phocimorsus, the same germ that causes seal finger in people who handle seals. Scientists tried to study all of the bacteria’s genes but couldn’t get a full read, so they used another method (PCR) to analyze its genetic code and were able to confirm what it was.”
Original issue: Heavy use of scientific jargon (e.g., “whole-genome metagenomics sequencing,” “PCR primers,” “16S rRNA”), making it inaccessible.
Simplified by: Summarizing complex lab methods in a relatable way, focusing on the key point (how they confirmed the bacteria), and using everyday language for gene testing.
Before: (Excerpt from Conclusion)
“Empirically, infections are often treated with β-lactam antibiotic drugs, but they are ineffective against Mycoplasma spp. because these bacteria lack a cell wall (1). Moreover, conventional bacteriologic cultures usually yield negative results for Mycoplasma spp., which generally do not grow on media used for standard bacteriologic cultures because they require specialized media for growth (1). Consequently, healthcare providers should recognize the significance of integrating diagnostic techniques such as 16S rRNA gene analysis for bacterial identification.”
After: (Plain Language Version)
“Doctors often use common antibiotics to treat infections, but these don’t work on Mycoplasma bacteria because they don’t have a cell wall. Regular lab tests also often miss Mycoplasma because it needs special conditions to grow. That’s why doctors need to use genetic tests to find this kind of bacteria.”
Original issue: Full of technical antibiotic terms and complex diagnostics explanation.
Simplified by: Explaining why common treatments fail, what makes Mycoplasma tricky to find, and why gene testing is important — all in plain language.
Project Overview
The case study "Medical Report Distillation: Simplifying a Complex Case Study on Mycoplasma phocimorsus" demonstrates how dense, technical medical reports can be transformed into clear, accessible language. This project highlights the effective integration of AI-assisted analysis and human editorial refinement to make intricate scientific content understandable to a broad audience.
🔬 In-Depth Distillation
Transforms complex medical jargon into clear, plain language while preserving critical details.
🤖 AI & Human Collaboration
Combines AI-driven text analysis with expert human editing to ensure both accuracy and accessibility.
📢 Impactful Communication
Improves public understanding of medical research by converting technical content into engaging narratives.
Research & Methodology
🔍 Selective Excerpts
Identifies key dense sections of the original report that benefit most from distillation.
✏️ Plain Language Rewrites
Rewrites technical content in everyday language without sacrificing scientific accuracy.
🖼️ Before & After Comparisons
Displays side-by-side visual examples of the original and distilled text, showcasing the transformation.
Case Study Availability
The distilled report is now available for download and reference. Explore this project to see how intricate medical content can be made accessible and engaging for everyone.
Access the Report
Wayfinding / Floor Plans / Maps
Floor Plans
Egress and Directional Maps
Report problems with this page – Contact Me