Web Design & Development
I am a web designer and front-end developer with a love for clean design and good semantics. I offer services in wireframing/prototyping, mockup design, and development, including custom WordPress themes and content management systems.
I also create and offer resources for other web designers and developers, including graphics, tutorials, frameworks, and themes. These resources can be found at my blog and are free to download and use.
Below are some samples of my web design and/or development projects. Please have a look-see, and if you like, don't hesitate to contact me if you're interested in seeing what I can do for you or your company!
Plant Research Laboratory at Michigan State University
- Who:
- Plant Research Laboratory
- When:
- February 2012
- Role:
- Wireframing / Prototyping + Design + Front-end Development
- How:
- Adobe Fireworks, XHTML/CSS, Expression Engine CMS
- Visit:
- (staging: client entering content)
The Michigan State University Plant Research Laboratory was looking to redo their website in the newer MSU branding standards and a cleaner, more professional style. We also helped them to organize their content types, particularly with regards to people (staff, faculty, graduate students, postdocs, etc.).
Department of Forestry at Michigan State University
- Who:
- Department of Forestry
- When:
- February 2012
- Role:
- Wireframing / Prototyping + Design + Front-end Development
- How:
- Adobe Fireworks, XHTML/CSS, jQuery, Expression Engine CMS
- Visit:
- (staging: client entering content)
The Michigan State University Department of Forestry had an outdated, static website that they wished to bring into compliance with MSU's recently instated branding standards. They also wished to provide a clean, welcoming, modular-style home page to their students, potential students, parents, and alumni.
Michigan State University Extension
- Who:
- Michigan State University Extension
- When:
- February 2012
- Role:
- Wireframing / Prototyping + Design + Front-end Development
- How:
- Adobe Fireworks, XHTML/CSS, jQuery, Expression Engine CMS
- Visit:
- http://msue.msu.edu
MSU Extension was badly in need of a fresh, updated, more public-facing website to replace their internal portal and temporary, transitional site. They generate a large amount of news and events and needed a fast, accessible way to get this content to their audience of Michigan residents, farmers, educators, and politicians.
Nicholas Baxter's Fine Arts Portfolio
- Who:
- Nick Baxter
- When:
- January 2012
- Role:
- Design + Front-end Development + WordPress Theme / Programming
- How:
- Adobe Photoshop, HTML5/CSS, jQuery, PHP, WordPress as a CMS
- Visit:
- http://www.nbaxter.com
Extraordinary sharp-focus realism oil painter and world-renowned tattoo artist Nick Baxter needed a clean, minimalist-style fine arts portfolio (and blog) to showcase his work to galleries, contemporaries, and fans.
The Metanomicon
- Who:
- Myself & Friends
- When:
- December 2011
- Role:
- Design + Front-end Development + WordPress Theme / Programming
- How:
- HTML5/CSS, jQuery, PHP, WordPress
- Visit:
- http://www.metanomicon.net
My friends and I wanted a way to collaborate to share recipes and write articles about the things that interest us. I put together this category-driven blog (along with custom programming for recipes) to fulfill this need, ensuring that everything could be updated and edited without knowledge of HTML.
Michigan Farm & Food Safety
- Who:
- Michigan Department of Agriculture
- When:
- November 2011
- Role:
- Design + Front-end Development
- How:
- Adobe Fireworks, XHTML/CSS, Expression Engine CMS
- Visit:
- http://mifarmfoodsafety.org
The Michigan Department of Agriculture's Michigan Farm & Food Safety is a certification plan for farms to enhance food safety and management practices and minimize harvest risk for contamination and food-borne illness. The logo was provided to me and I designed a friendly, fresh website to host their training resources, news, events, and other pertinent information.
Michigan Agriculture Environmental Assurance Program
- Who:
- Michigan Farm Bureau
- When:
- November 2011
- Role:
- Design + Front-end Development
- How:
- Adobe Fireworks, XHTML/CSS, jQuery, Expression Engine CMS
- Visit:
- http://www.maeap.org
The Michigan Farm Bureau's MAEAP program is a certification program available to farms desiring to voluntarily prevent or minimize agricultural pollution risks. They came with an existing logo and signage and wanted to maintain the color scheme / theme of their previous website (sky and/or landscape motif, green and blue) in their new, updated design. The website needed to showcase videos and galleries as well as provide a large amount of information to interested parties.
Office of Diversity & Pluralism at Michigan State University
- Who:
- Office of Diversity & Pluralism
- When:
- July 2011
- Role:
- Design + Front-end Development
- How:
- Adobe Photoshop, XHTML/CSS, jQuery, Expression Engine CMS
- Visit:
- http://odp.anr.msu.edu
The Office of Diversity & Pluralism at Michigan State University had an existing website that was designed and developed by myself at a previous date. However, we wanted to redo their site in our newer and more secure content management system, and so I had the opportunity to completely redesign the graphics as well. The biggest challenge was to integrate their existing logo (which was a circular burst of rays with some dead space in the center) in a way that would work more appropriately in a website.
Tire Pressure Application
- Who:
- Auto Industry Client
- When:
- March 2011
- Role:
- Front-end Development
- How:
- Adobe Photoshop, HTML5/CSS, jQuery
- Visit:
- (private application)
An auto industry client wanted to build a custom application to provide a database of information on tire pressure sensors and service kits. I was responsible for front-end development to get the provided design functioning and set up so that the client could then put together an in-house team of programmers to develop and support the application.
Common Good Printing
- Who:
- Common Good Printing
- When:
- February 2011
- Role:
- Front-end Development
- How:
- Adobe Photoshop, Adobe Flash, HTML5/CSS, jQuery, Magento
- Visit:
- http://commongoodprinting.com
Common Good Printing was a large-scale e-commerce project that had several components: general information pages, a product-customization process, a user account dashboard, custom programming, and Magento integration to handle the client's order processing and payments. I performed front-end development, including jQuery and AJAX as well as styling of Magento components that were integrated into the custom pieces by a team of programmers.
Theta Chi Fraternity at Purdue University
- Who:
- Theta Chi Alumnus
- When:
- 2009
- Role:
- Design
- How:
- Adobe Photoshop
- Visit:
- http://purduethetachi.com
I was contacted by an alumnus of Purdue University who was looking to redo the website for the Theta Chi chapter at his alma mater. I provided a website design mockup that he then implemented with DotNetNuke Content Management System.
Kim Maida's Portfolio
- Who:
- Myself
- When:
- 2009 - 2011
- Role:
- Design + Front-end Development
- How:
- Adobe Photoshop, XHTML/HTML5/CSS, jQuery, PHP
- Visit:
- v5 (retired) | v6 (retired)
My personal portfolio is something of a playground for me. When I learn new techniques or have ideas for a design that isn't suitable for any client projects at the time, I revamp my portfolio to practice and experiment. Here are a few previous iterations of my portfolio. The most recent two (previous to the current) are still available for live viewing, although they have technically been retired.