expand screen indicator expand screen indicator

This site is designed for screens 1000 pixels wide or wider. If you're on a tablet, try turning it to landscape. Otherwise, just maximize the window of your browser. Thanks! A mobile version of this site is on the way :)


Hey,  I'm Geoff, a communicative, self-driven, and creative problem solver with more than 4 years experience designing and developing for the web. I focus on user experience and high quality end products.

Kättare I/S

Web Design | Graphic Design | Branding | Front End Development

Responsive website redesign, front end development, company rebranding and associated print materials designed for Kättare Internet Services—a versatile Corvallis, Oregon web host that's been doing business since 1997.

Kattare project mockup
3D presentation of Kattare in browser
Second 3D presentation of Kattare in browser
Third 3D presentation of Kattare in browser

Website Redesign

Kattare's website was outdated and taking a hit on SEO and trustability—a deterrent for acquiring new clients. I corrected these issues by writing semantic HTML and mobile-first CSS3 for fluid and responsive design, livened up the color scheme to create a more dynamic and inviting feeling, carefully selected typography, wrote some new copy, and spaced and presented all content in a cleaner manner. These actions have drastically improved Kättare's Google rankings and I've been directly involved in the conversion of several new happy clients.

*Due to the way the site was set up in the 90s, the new HTML and CSS had to be bolted on. Whereas unacceptable from a UX point of view, some front-facing pages remain to be styled correctly due to internal issues outside my control.

Custom Icons

I designed and implemented minimalist custom icons for each of the service types Kättare offers. These provide continuity to the brand while users click through different service options.

Service Icons for Kattare
3d presentation of Kattare's sign up page

Custom Sign Up Form

For the sign up page I designed a custom jQuery/Javascript single page solution where every section must be validated before the user can move on. A completion bar shows the user how much of the form remains. Useful, friendly feedback is provided on almost every field, reducing frustrations and increasing the chances that he or she will complete the form and thereby purchase a service.

Brochures for Kattare's Business Package

Business Package Brochures

When I first came on to work for Kattare, we started a Business Package service which promised to alleviate website concerns for local business owners at a competitive price. I designed these brochures to provide those potential clients with information about this product, and to tell our story. We now have several happy Business Package clients.

Corvallis Fall Festival

Web Design | Graphic Design | Primary Client Contact

Responsive website for the Corvallis Fall Festival, built on Mezzanine, a Django-based Content Management System. I briefed the director of the organization to assess their needs, made CSS edits to their theme for brand consistency, HTML edits to Django templates, and provided coaching and documentation on using the CMS. I continue to be their first point of contact when it comes to support for their site.

fall festival project mockup

Gloves By Bruno

Web Design | Graphic Design | Front End Development | Scripting

Gloves By Bruno was outdated and hacked when it came to us. It needed to be rebuilt on a new platform. I heavily modified a purchased theme to re-create the good parts of their old design, and added new typography and subtle design details to make it better. In addition, I wrote and implemented a custom client-side script that communicates with the server to calculate shipping values, giving users valuable feedback. Visit Site

gloves by bruno project mockup

Pedal Pushers

Web Design | Theming | Front End Development

A casual restaurant theme that I built for use with a static Content Management System called Lektor. I wrote custom models that allow end users to modularly create and edit menu pages with alluring photos, prices, and descriptions of the dishes.

pedal pushers project mockup


Web Design | Theming | Front End Development

A visually minimalist and responsive eCommerce website theme - "Woodcraft", built for Kättare on top of the Mezzanine CMS and Bootstrap. In use by the surf shop “Pura Vida” and other local businesses.

wood craft project mockup


Creative and methodical problem solver focused on designing and developing for the web. Among my top priorities are site usability, positive user experience, happy clients, and clean, documented code. With outstanding communication skills and self-motivation I work efficiently both in teams and alone to produce high quality visual and interactive products.


Web & Graphic Designer
Kättare Internet Services
4/14 - Current

Redesign, code, document and maintain company website. Design print and web ads, write ad copy. Design and develop static web pages. Perform HTML, CSS & jQuery / Javascript updates to Kättare's internal site to improve usability. Provide robust customer support via email, phone, and in person. Build and take down servers and perform basic networking tasks.

Web & Graphic Designer
Independent Projects
9/13 - Current

Contract out to design an array of products, from logos to fully functional websites. Continually experiment with new languages and design ideas.

Production Lead
Media Services @ OSU
3/11 - 6/13

Designed and produced several graphic products for department use and display, including training modules, poster templates, and informational signs. Managed office resources and trained student workers. Worked with web developers to help create online product order forms.

Art Tutor
Academic Success Center @ OSU
10/10 - 6/11

Held multiple weekly study sessions for art lecture students. Designed games, slideshows, and group activities. Worked with students one on one as writing tutor prior to taking on art tutor role.


HTML5, CSS3, Javascript/jQuery, Bootstrap, Grunt, Less, Git, Content Management Systems, Responsive Design, Django Template Language, Photoshop, Illustrator, Copy Writing.


Oregon State University
BA Psychology, 2013

Site Info

Thanks for visiting my portfolio and checking out my work! I created this site in the SPA style with the help of Fullpage.js. SVG animations on the loading screen are handled by Snap.svg and I used jQuery for DOM manipulation. I wrote CSS with Less and compiled with Grunt. Transition animations and everything else were custom–made by yours truly. No databases or content management systems were harmed in the making of this website. If you want more technical details on this site's construction, you can find the code on GitHub.