-
Chris Mielke
loc|Seattle, WA &
San Francisco, CAdev|HTML5, CSS, PHP, MySQL/MSSQL, Javascript (jQuery)
apps|Dreamweaver, Illustrator, Photoshop, InDesign
design skills|UI/UX, Branding, Web, Print, Packaging, Product Concepting
Aion
A website for an MMORPG game that uses a java-based backend. Worked with a large team on the frontend to create an innovative site with lots of game-to-web functionality. Worked intensively on the Game Guide (PHP/MySQL) to upgrade, improve and integrate into the main aiononline.com site.
Lineage 2
After 7 years, Lineage 2: Goddess of Destruction went free-to-play. With both this change in business model and a large content release, the site was redesigned. The focus was integrating it into a CMS that allowed for the content editors to have nearly full control.
Faculty/Staff Directory
Lead the development and created the UI/UX to work within Austin Community College's established template and style for an online faculty and staff directory. This was a major upgrade of a previous directory. One of the biggest features is a fuzzy search that allows for names that sound similar to be found. This helps users find the intended person.
CollegeRecipe.com
It can be hard to find a good, easy to make recipe, especially when you're in college. This site was designed to help those kind of people. It uses CSS, PHP, and MySQL to do just that, as well as a nice interface. Don't be afraid to add some of your own favorite recipes.
It was updated in 2008 for increased SEO and changes in new browsers that were released.
Teton Grill Company - Sales Book
Teton Grill Company sells outdoor themed gas grills and grilling accessories. The project incorporated much more than creating this sales book, but also designing all of the products in the book including the grills. The book was produced in-house with custom covers.
OnPath Brochures
The OnPath process offered by Mindsharp offers hi-tech classes and sessions for companies to implement SharePoint. This is a series of 8 brochures that describe the classes and how they fit into the color-coded 6-step OnPath process.
These brochures work to continue the outdoor feeling the logo created through the use of outdoor path imagery and colors. They also educated the reader about the OnPath rocks and their meaning.
OnPath Logo
OnPath is a process and a product offered by Mindsharp that organizes the technology classes for Sharepoint into a system. In a hi-tech world, natural and personal elements will always stand out, which was the goal with this logo.
The two rocks stacked on top of each other literally mean "on the path" in hiking lore. These rocks and a natural feel are used throughout all collateral.
RoK - Brand Identity
Creating the RoK brand identity was a project to create a company and many elements related to the company.
Click to see all Rok materials.-
RoK - Logo
The RoK logo is to conveys the essence of the company - simple, unique, professional, and a harmonic convergence. It should also give the viewer an idea of what the restaurant is. This logo gives the viewer an idea of what the restaurant is without knowing through the fire element which creates the negative space in the "o". he accent mark over the "o" was added to help with pronunciation, and is also where the "c" from "rock" was moved and rotated to.
Click to see all Rok materials. 
RoK - Business Card
One element that can only be seen on the actual business card is the embossing of the flame in the center of our logo. This allows for the flame to be seen on the back of the business card also. The idea of using a die cut instead of embossing was considered, but because of the intricate nature of our logo, embossing was the best decision.
Click to see all Rok materials.
RoK - Website
The RoK website has a fairly simple layout, much like the rest of the designs. The website is not one of the primary means of communication for the company, but it does contain all the important information about the restaurant and is an effective way to educate potential customers, or to answer current customer?s questions about RoK. The site uses simple PHP to achieve what was needed.
Click to see all Rok materials.
RoK - Proposal book
The proposal book is a huge part of this project. It shows what was all done in this project and explains how it all goes together. Each page on the PDF except the first is a 2-page spread.
Click to see all Rok materials.
RoK - Restaurant Exterior
This was modeled in Rhino. 3ds Max was used for lighting, texturing and rendering. The restaurant is to be located on a corner of a street in the Uptown area of Minneapolis, Minnesota. The RoK restaurant is a two-story building utilizing glass for much of the exterior to allow light and allow for the customers to enjoy the exciting street life that the Uptown area has to offer. The main entrance is on the corner of the building was the flame from our logo expanded to a point and cut into the building. This is done to help immerse the customers in the RoK experience.
Click to see all Rok materials.
RoK - Promo Pack
The promo pack will be sent out to businesses around the restaurant. Included in the pack is a menu, a business card, and a rock with our logo and phone number on it. One other element that will be sent with the promo pack will be a gift card for the business to give out to some employees.
Click to see all Rok materials.
RoK - Menu
There are three parts to the menu: The tri-fold menu, Build Your Own card, and a Drink & Dessert menu. These all follow the same simple design as the rest of RoK material. There are also very few item choices making it simple for the customer to make a decision.
Click to see all Rok materials.
Resident Advisor Poster
This 11x17 poster was created to promote the Resident Advisor position at the University of Minnesota Duluth. The poster is suppose to create the idea that being a Resident Advisor can lead you to many other great things. This poster and a small table tent comprise this promotional campaign.
"Did You?" - Voting Poster
A poster designed for a campaign to just get people out to vote. It is not supposed to endorse any particular canidate. Poster was printed at about 11" x 11".
SetMeAway.com
SetMeAway is a website designed to find you your favorite away message. It uses both PHP and MySQL to achieve this. Feel free to register and add some of your favorite away messages.
Room of Realms
An image that was originally used for a project about "Smoke and Mirrors". It was designed with a Hologram type of room in mind. Created using 3d Studio Max. This has been modified from the original to be a wallpaper.
Flowering Jupiter
Started out as an experiment with modifiers and shapes, but then with some lighting, it became this. This one is a favorite of mine and many of my friends. Done with 3d Studio Max. This is designed as a wallpaper.
Atlantis
Another image from the same animation as A New Earth. This was also done with 3d Studio Max. This is designed as a wallpaper.
A New Earth
Done with 3d Studio Max. This is part of an animation that has slowly been in the works for the 2 year. This is designed as a wallpaper.
Boxerless
This site was a project with very few limitations. Although it is called Boxerless, it is a site to sell custom made boxer shorts. The boxer shorts have not been mass produced yet, but it is being researched. The site uses PHP, MySQL and CSS.
Newspaper Front Page
A front page of a specialty section from a newspaper. The theme for the section was Winter.
German Office
Done as a study to mimic a real-life image that I found. Created using 3d Studio Max. This is designed as a wallpaper.
-
Christopher Mielke
Seattle, WA &
San Francisco, CACreative, problem solving individual with a BFA in graphic design and over 8 years of web development and design experience focusing on accessibility, UX, SEO and standards. Also experience with branding, print design and concept development.
-
Competencies
Technical
- .. PHP
- .. MSSQL/MySQL
- .. HTML5
- .. CSS3
- .. Javascript
- .. jQuery/Prototype
Applications
- .. Dreamweaver
- .. Illustrator
- .. Photoshop
- .. InDesign
- .. Acrobat
- .. Office Suite
Personal Skills
- .. Team-oriented
- .. Self-motivated
- .. Creative problem solver
- .. Passionate
- .. Objective
- .. Analytical
Education
University of Minnesota Duluth
Duluth, Minnesota
BFA in Graphic Design
BA in German Studies
May 2006 -
Related Work Experience
Web Developer .. NCSoft
Seattle, WA
February 2011 – Present- .. Develop websites using a mix of HTML, CSS, JQuery, AJAX, PHP, SQL in a Java based environment
- .. Integrate game-to-web functionality to enhance user experience
- .. Work with producers, design and brands to create innovative websites
- .. Translate comps and wireframes into CMS-based templates and websites maintaining integrity across browsers
- .. Propose improvements in user experience and site implementations
- .. Work collaboratively with overseas development teams to create a single, cohesive website
- .. Define product features and research competitive implementations
Programmer, Analyst .. Austin Community College District
Austin, TX
April 2008 – December 2010- .. Developed an application for the hiring process including employee separation, job posting, interviewing and candidate placement
- .. Developed an application to comply with Texas law requiring faculty syllabi and curriculum vitiae to be online and searchable
- .. Created a new staff and faculty directory providing more information easily, and allowing for a fuzzy name search
- .. Developed applications with PHP, MSSQL, Javascript (jQuery) and CSS
- .. Met with clients to create application specifications
- .. Led user training and created user documentation
- .. Improved application processes, usability, accessibility and design
-
Graphic Designer .. Tripp Growth Marketing
Plymouth, Minnesota
October 2006 – December 2007- .. Branding, web, brochure, sales book, packaging, point-of-sale and product design for an outdoor themed grilling company, a fishing accessories product line and a software training company
- .. Development a personal defense and safety eCommerce site using PHP/MySQL
Exhibitions/Awards
"Boxerless"
2006 UMD Student Exhibition .. Juried Exhibition
Awarded “Howard W. Lyons/Alice Tweed Tuohy Award” .. April 2006"I Voted – Did You?"
2006 UMD Student Exhibition .. Juried Exhibition .. April 2006
Voting Exhibition .. The Minnepolis Institute of Arts .. October 2004Senior Student Exhibition
University of Minnesota Duluth .. Tweed Museum of Art .. March 2006"Room of Realms"
2004 UMD Student Exhibition .. Juried Exhibition .. April 2004Eagle Scout Award
Highest rank awarded by the Boy Scouts of America
