Patrick Mangan

Web Development and Design

Menu

Portfolio


Mangan Web Design Projects

Resource Machining & MFG

Before
Old RM&M Website
After
New RM&M Website

I created a small business website for Resource Machining & Manufacturing located in Germantown, Wisconsin. RM&M already had a website, but it wasn’t finished. From June 2022 until October 2022, I managed discuss what they wanted their website to look like and went from there and created it using Weebly. I could not have done this without the owner’s two daughters and I’m so thankful for working with the family on this project.

VRT System

Before
VRT System
After
VRT System

From June 2nd, 2022 to July 8th, 2022, I updated the VRT System website. I updated the Search Engine Optimization one year ago and my client decided to have a brand new website. I created this site using WordPress and added custom styling throughout the entire site.


Internship Work

Click on the images to view my Internship work!

Ray's Auto Body Jackson

Ray's Auto Body in Jackson

Ray's Auto Body is located in my hometown of Jackson, Wisconsin. They are a family-owned used car dealership that has been in business for 58 years in the making. I created this site using WordPress. I also created their license plate logo which is the idea they came up with. My family and I are their number one customer!


Germantown Sno-Drifters

Before
Germantown Sno-Drifters Old Site
After
Germantown Sno-Drifters

Germantown Sno-Drifters is a snowmobile club located in Germantown, Wisconsin. They are a non-profit organization and I created their new site using Google Sites. I did this site for volunteer hours and created it for free.


VRT System

VRT System

VRT System is a small exercise business owned by my Dad. He has had this site up for over 20 years and his cousin originally created the site. I managed to transfer the domain name and site files from SunAnt Interactive to a personal GoDaddy server.

Update

As of July 8th, 2022, The VRT System website has a brand new web page.


Mangan Web Design

I created a small web business called Mangan Web Design. I created the logo for Mangan Web Design "MWD" and got the idea from my Web and Mobile Internship course at MPTC in Spring of 2021. I decided to create this in my spare time of my last semester at MPTC in Fall 2021. I want to give the clients what they want for their small business and non-profit websites.


School Projects


Click on the images view my School Project!

Patrick's Movie Site

Patrick's Movie Site

This is the very first website I've ever created in my Web Development and Design Program here at Moraine Park Technical College. I created this site using Adobe Dreamweaver in my Website Design course in Fall of 2018.




Patrick Mangan's Web Coding

Patrick's Web Coding

This is the second website I've ever created in my Web Development and Design Program. I created this site using NotePad++ to code it out in my Web Coding course also in Fall of 2018.




Patrick Mangan's Page

Patrick Mangan's Page

I created this site for fun in my spare time and created the login image in Adobe Photoshop.




Patrick Mangan's First WordPress Site

Patrick Mangan's First WordPress Site

I created My First WordPress site in Fall of 2019. I got introduced to WordPress a little in my Database-Driven Websites course Spring of 2019 and got to learn it in my Content Management Systems class.




Patrick Mangan's Joomla Page

Patrick Mangan's Joomla Page

I created My Second CMS using Joomla also in the Fall of 2019. We tested the diferences between trying WordPress and Joomla.




Patrick Mangan's CSS Technologies

Patrick Mangan's CSS Technologies

I created this site in my CSS Technologies class in Spring of 2020. I learned how to add Basic Layouts, Flexbox, Grids, Media Queries, Transitions, Transformations, Animations, Image Sprites, Image Galleries, and Frameworks for a web page.




Patrick Mangan's WDIM

Patrick Mangan's iCode Team Member Project

I helped created this website with my team in my WDIM course in Spring 2020. My Team and I created a ficticious web company called iCode. We practiced working on a client project called Murphy's Restaurant. I created the logo very similar to Mangan's Restaurant Logo so that my team would get ideas for a business site. My Team Members and I focused on Project Management, Production Lead, Creative Lead, Quality Assurance, Time Management, and Deadlines. Here is a website we created for Murphy's Restaurant.




Patrick Mangan's Emerging Web Technologies and Trends

Patrick Mangan's Emerging Web Technologies and Trends

I created this site in my Emerging Web Technologies and Trends class in Fall of 2020. I learned about various web trends and how to use and create them. I learned how to create web pages with Mobile-Friendliness, Parallax Scrolling with Animation, Progressive Web Apps, Voice User Interface, WebVR Web Virtual Reality, creating a web page using Foundation 6, and understanding other web technologies and trends.




Patrick Mangan Website

Patrick Mangan's Website

I created this also for fun in Winter 2021. This is a home page you can visit to view my work.




Patrick Mangan's Blog

Patrick Mangan's Blog

I created a Blog site using WordPress. This page talk about my experience with my Internship work in Spring 2021. Even though working as an Internship can be tricky, you can always make it fun for you and your clients! ;)




Graphic Design Projects

Click on the images to my work!

Resource Machining & MFG Logo Draft

Resource Machining & MFG Logo Draft

I created a logo for Resource Machining and MFG located in Germantown, Wisconsin. However, the business went with a different option; so I decided to keep this logo for myself since I was so proud that I created a logo for them even though it wasn't chosen. Either way, it's something I worked hours on.

Mangan's Restaurant Logo and Page Mockup

Logo
Patrick Mangan's Restaurant Logo
Logo Optimized
Patrick Mangan's Restaurant Logo Optimized
Mangan Restaurant Page Mockup
Patrick Mangan's Restaurant Page Mockup

I created a Mangan Restaurant Logo and Page Mockup in Adobe Photoshop for my Graphics for the Web course in Spring 2019.


Patrick Mangan's Login Page Mockup
Patrick Mangan's Login Page Mockup

I also created a Mangan Restaurant Login Page Mockup in Adobe Photoshop just for fun in Summer 2019.


Visual Arts Logo and Page Mockups
Patrick Mangan's Visual Arts Logo
Visual Arts Page Mockups
Patrick Mangan's Visual Arts Home Page Mockup Patrick Mangan's Visual Arts About Page Mockup Patrick Mangan's Visual Arts Buy Items Page Mockup

I also created a Visual Arts Logo an Page Mockups in Adobe Photoshop for my Design Fundamentals course in Fall 2020.


Ray's Auto Body Logo
Patrick Mangan's Ray's Auto Body Logo

I created this logo in Adobe Photoshop for an auto body business in my hometown of Jackson, WI called Ray's Auto Body. You may view the logo on their website.


PM Employment Page
Patrick Mangan's Employment Page Logo

I created this logo in Adobe Photoshop for my Portfolio/Employment page. You may view my logo on my home page.


Mangan Web Design
Patrick Mangan's Dog Bella

I took a picture of my late dog Bella on May 30th, 2021. Bella died at age 16 on the afternoon of September 11th, 2021. I created this for my family in Adobe Photoshop for a Christmas Present.

Mangan Web Design
Patrick Mangan's Mangan Web Design Logo

I created this logo in Adobe Photoshop for my Mangan Web Design business. You may view my logo here.

Let's Go Home



Back To Top