Kim Maida

Web Design & Development

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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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

Previous Next Hover to zoom, click to view Click to view
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

Previous Next Hover to zoom, click to view Click to view
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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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

Previous Next Hover to zoom, click to view Click to view
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

Hover to zoom, click to view, ‹ › to navigate Click to view, ‹ › to navigate
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.