MD Portfolio

From Thought to Reality

In Depth Look

case study link

Case Studies

Skills Practiced

scroll to projects and skill categories

Project Snapshots

Here, your ideas are shaped into real, working products. I transform visions — however undefined — into real, functional, digital experiences - each crafted with care, creativity, and precision.

Case Studies

Journey Deeper

Explore featured case studies where abstract challenges were met with structured thinking. Detailed breakdowns of strategy, design, and development — real-world solutions built from the ground up.

case study image - Hallowell

Hallowell

Developed product management & collaboration platform for an industrial manufacturing company.

VIEW PROJECT
case study image - Policies Plus

Policies Plus

Developed Policy Document generator and data management platform for a Title Insurance company.

VIEW PROJECT

Skills Practiced

Project Snapshots

Browse a wide array of projects categorized by skills, disciplines, and industries.

Each piece represents a unique transformation — abstract concepts realized through UX design, UI & graphic development, architecture planning, and creative problem-solving.

Design Protocols

Crafted visuals and user flows aligned with logic, clarity, and intent.

  • Interface Mapping
    Wireframing, user flows, UX architecture.
  • Aesthetic Systems
    UI design, layout structure, visual hierarchy.
  • Signal Clarity
    Typography, contrast, color systems, accessibility.
  • Vector Intelligence
    SVG graphics, icon sets, illustration assets.

DevelopmentDeck

Turning visuals into interactive, scalable systems across environments.

  • Front-End Fusion
    HTML, CSS, JavaScript, React, responsive design.
  • Backend Logic
    PHP, MySQL, APIs, server-side scripting.
  • Data Connectors
    JSON, RESTful APIs, third-party integrations.
  • Motion Layer
    GSAP, micro-interactions, animation systems.

StrategicOperations

The strategic infrastructure behind every deployment.

  • Mission Sync
    Agile workflows, team collaboration, client engagement.
  • Production Console
    CMS (WordPress, Drupal), content systems, publishing tools.
  • Optimization Core
    Performance tuning, Core Web Vitals, SEO-aware structure.
  • Blueprint Builder
    Content strategy, systems thinking, big picture.
My first priority whether redesigning an old site or starting fresh, is to gather and organize content. It helps to map out the different sections of a project, my initial maps are used to quickly document all main sections and functions to include in the design plans Creating wireframes and layout mockups for stakeholders to review and approve before continuing to the next steps. Conducted user research with various styles and options leading to iterations for improving overall user satifaction.
List Industries
UX Design
Web Application
1st priority: gather and organize content. Using their catalog styles and organization, I created blocks and components around their data points and product stats Installing CMS and creating custom theme to handle all of the clients requests about function and style. Usability tests and client requests guide iterations of the product navigation systems. Increasing the size of the images and text titles seemed less advantagious to me, but the users thought it was much easier to use that way.
Art Metal Products
CMS Web Production
Web Application
initial mockups for AC and plumbing company. The specification were vague, so I used Figma to rapidly show some design ideas. I created prototypes with controls to navigate between different iterations and styles. Collaborating with the client directly on the design, we were able to flesh out the main style content emphasis that the client desired. Grabbing some icons and images, we collaborated and iterated through sections as needed.
AC Prototype
Prototype
Web Application
It has become integral to every project that it shall be mobile friendly. Creating elements with adaptive foresite is crucial in avoiding surpufluous element iterations. Depending on the goals of the project, I might create completely different behaviours for different devices & screen sizes. Adaptive design goals are to always display the ideal font and image sizes. Creating media queries and stop-points in the CSS using mobile first ideology, and web-optimized assets Responsive design does not just happen, it takes a plan in order to execute efficiently. Mobile, Tablet, and Desktop screens have different needs, and it is best to think ahead and stategize the best behaviour for the case
Responsive Design
Frontend Development
Web Applications
I have installed and configured dozens of CMS-powered websites, from standard 5 - 10 page informational sites to complex web applications with hundreds of pages and millions of components. Many CMS sites I have developed were tailored to the clients specific needs for its continued usage. I have learned that any CMS or framework can do the job, but they all have their own pain-points that must be overcome to get the most out of them. Creating projects where the client has a clear unique vision is where I shine brightest.
60+ CMS installs
Development
CMS
I have created countless logo type graphics in a wide range of styles and formats I enjoy creating custom vector UI button graphics. With a little code, these graphics come alive. During my time with Kiwisoft, I churned out icon graphics for HUD controls and game assets Much of the logo work I have done is making subtle edits to existing brand identities. Enhancing its quality and updating old styles.
Logo and Icons
Graphic Design
Vectors
I created a series of logos and graphics for a social political discussion startup venture. I created several iterations of logos and site assets before any parameters had been established. Designed dynamic visuals on-demand for the fast-paced social-political platform, balancing speed with impact. On-demand additions and style changes were implemented quickly and seemlessly within the fast-paced environment.
Pinnacle Politics
Graphic Design
Social Media
I really enjoyed designing this site for an organic healthy snack company. I created this burlap tweed texture for the background for the hero slider and added a thick dotted border to emulate stitching. I created swatches of colored burlap for the main category button. I built displays for blog-style article posts to adopt a style and behaviour based on its tags. For the header, I created a detailed farmscape depicting rows of fresh produce on endless rolling hills. It was created in a way where it would seemlessly repeat on the x-axis, but not the sun or its effects.
OMG
UX Design
Ecommerce