 |
Examples of Client Work
The following are examples of featured development projects with links to the original design mockup and the resulting HTML pages.
In many cases, we'll receive a proposed design mockup from the client and we'll be asked to create a Web site based on the design – from two or three template pages to full site development with all text content and images. We're happy to assist with as much, or as little, help our clients require. |
|
Look Before You Leap: Stop Foreclosure Prevention Scams
| Client: |
Minnesota Home Ownership Center |
| Agency: |
Himle Horner Inc. |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
- Full site build with content and images
- Animated Flash slide show
- Setup RSS feed news blocks
- Contact form
- Data-driven ZIP code look up tool
|
|
Proposed Design
|
HTML Solution
Development site
(Not all pages were developed. Some links may be broken.) |
|
You Be the Judge – Minnesota
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
|
|
Proposed Design
|
HTML Solution
Home page
Secondary page |
|
Jackson for President 2044
| Client: |
Common Cause Minnesota |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home page template
- Animated Flash slide show
- Setup RSS feed news blocks
- Setup Twitter feed using Feedburner
|
| Notes: |
Clever concept for a political site. |
|
Proposed Design
|
HTML Solution
Home page |
|
Make Health Happen – Minnesota
| Client: |
Multiple organization partnership |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
- Animated Flash slide show
- Setup RSS feed news blocks
|
|
Proposed Design
|
HTML Solution
Home page
Secondary page |
|
Explore Tom Emmer's Minnesota
| Client: |
Alliance for a Better Minnesota |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
- Build using WordPress
- Use blog and page templates
- Lightbox splash page
- Electronic postcard functionaltiy
|
| Notes: |
Client wanted to use WordPress to make site updates easier. It took about two to three times longer to set up the WordPress templates, than to use static HTML templates, but the client was happy with the result. |
|
Proposed Design
|
HTML Solution
View Live Site |
|
Minnesota Environmental Fund
| Client: |
Minnesota Environmental Fund |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
- Animated Flash slide show
- Setup RSS feed news blocks
- Random Flickr image on interior pages
|
| Notes: |
This was a fun design to work on. Lots of great looking photos.
We had an design issue with the overlapping of clickable buttons and the rotating images in the Flash slide show. We solved this by changing the "1000 Reasons Why" buttons from a transparent background to a solid color. |
|
Proposed Design
|
HTML Solution
Home page
Secondary page |
|
Minnesota's Recipe for Success
| Client: |
Alliance for a Better Minnesota |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
- Animated Flash slide show
- Setup RSS feed news blocks
|
| Notes: |
One of the most challenging designs I've worked on. The angled outside border made it really difficult to expand in length as the page content grew. Came up with a nice solution as shown on the interior page.
The transparency of the outside border was also tough. You'll notice as the width of the browser window changes, you can see the background images through the two outside border lines. |
|
Proposed Design
|
HTML Solution
Home page
Secondary page |
|
Southeast Minnesota Rail Alliance
| Client: |
Southeast Minnesota Rail Alliance |
| Agency: |
Himle Horner Inc. |
| Design: |
Giebink Design |
| Scope: |
- Full site development
- Animated Flash slide show
- Integrate Type pad blog
- Integrate GetActive advocacy tools
|
|
Proposed Design
|
HTML Solution
Development site
(Not all pages were developed. Some links may be broken.) |
|
Stratis Health
| Client: |
Stratis Health |
| Scope: |
- Development of top level page templates
- Build for Dreamweaver templates and Adobe Contribute CMS
- Develop for Section 508 accessibility standards
- Add scalable font features
|
| Notes: |
Using Dreamweaver templates allowed the client to assign ownership of the the content areas of their site to contributors without allowing giving full access to the HTML. |
|
Proposed Design
|
HTML Solution
Development site
(Not all pages were developed. Some links may be broken.) |
|
Northstar Commuter Rail
| Client: |
Northstar Corridor Development Authority |
| Agency: |
Himle Horner Inc. |
| Design: |
Giebink Design |
| Scope: |
- Full site development
- Animated Flash slide show
- Integrate Type pad blog
- Integrate GetActive advocacy tools
- Video editing (hosted on YouTube)
- Integrate Flickr slide show
|
| Notes: |
This is the second version of the Northstar site I produced for this client. In the site we were able to use a variety of free rich media tools like, Flickr, YouTube, and Google Maps. |
|
Proposed Design
|
HTML Solution
Development site
(Not all pages were developed. Some links may be broken.) |
|
Oswego Advocates
| Client: |
Oswego State University of New York |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
- Animated Flash slide show
- Setup RSS feed news blocks
|
| Notes: |
The Oswego site was built using the same HTML template as its sister site, SUNY Advocates. The client was able to reduce costs by providing a structurally similar design. |
|
Proposed Design
|
HTML Solution
Home page
Secondary page |
|
SUNY Advocates
| Client: |
State Universities of New York |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
- Animated Flash slide show
- Setup RSS feed news blocks
|
| Notes: |
One word: Gradients. This site had gradients in everything - outside boxes, inside boxes, images. It takes some work to build the gradient boxes so they can stretch properly to allow for longer content. |
|
Proposed Design
|
HTML Solution
Home page
Secondary page |
|
|
|
Trench'N Edge
| Client: |
Trench'N Edge |
| Agency: |
Tipping Point Strategies |
| Design: |
Black Horse Productions |
| Scope: |
- Full site development
- Animated Flash slide show
- Integrate video clips
|
| Notes: |
I really liked the look of this design. Big text and images that pop off the page. The home page trencher image had to be cut into strips to fit within the table structure. Thankfully average connection speeds are fast, so you probably won't notice it build from multiple files. |
|
Proposed Design
|
HTML Solution
Development site
(Not all pages were developed. Some links may be broken.) |
|
StoneWall Select
| Client: |
Select ICD |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Full site development
- Animated Flash slide show
- Integrate video clips
- Three different colored versions
for each product line
|
| Notes: |
The design called for each product line to have its own color scheme. I ended up using multiple style sheets all referencing the same class names. When setup properly, it was easy to switch styles, images, and colors. |
|
Proposed Design
|
HTML Solution
Development site
(Not all pages were developed. Some links may be broken.) |
|
HimleHorner.com
| Client: |
Himle Horner Inc. |
| Agency: |
Himle Horner Inc. |
| Design: |
Giebink Design |
| Scope: |
- Full site development
- Animated Flash slide show
- Integrate Type pad blog
|
|
Proposed Design
|
HTML Solution
Development site
(Not all pages were developed. Some links may be broken.) |
|
Tipping Point Strategies
| Client: |
Tipping Point Strategies |
| Agency: |
Tipping Point Strategies |
| Design: |
Giebink Design |
| Scope: |
- Home and secondary page templates
- Setup RSS feed news blocks
|
|
Proposed Design
|
HTML Solution
Home page
Secondary page |
|
Fresh Air Minnesota
| Client: |
ClearWay Minnesota |
| Agency: |
Himle Horner Inc. |
| Scope: |
- Full site development
- Edit and post video testimonials
- Flash teaser on home page
|
|
Proposed Design
|
HTML Solution
Development site
(Not all pages were developed. Some links may be broken. Video can be accessed from "employee stories" section) |
|
Maple Grove Tri-Care Partnership
| Client: |
Maple Grove Tri-Care Partnership |
| Agency: |
Himle Horner Inc. |
| Design: |
P A Riemenschneider Consulting |
| Scope: |
- Graphic Design
- Full site development
- Animated Flash slide show
- Integrate Type pad blog
- Integrate GetActive advocacy tools
|
|
Source Material
|
Design & HTML Solution
Development site
(Not all pages were developed. Some links may be broken.) |
