Katie Kurkoski

www.linkedin.com/in/katiekurkoski
Seattle, Washington

 

CascadiaFest
Twitter
Stack Overflow

 

Pew Pew Laser Blog
Github
Codepen

Web Design

All work hosted here dates from 2010 or earlier. Please check out these sites for more recent work samples:


Index | HTML & XHTML | CSS | JavaScript | jQuery | PHP | Web Design | Graphic Design | Other

Here are examples of web sites that I have designed and developed. ReFIT Portland is a currently operating non-profit organization, which focuses on helping disabled homeowners stay in their homes. Taylor's Beach Cottage was a costal rental property web site; but is currently archived. A Soothing Touch was a professional massage therapy office whose operation has been scaled back significantly, so the web site is no longer required. Before ReFIT had a bit of a branding re-design, the organization was known as The Remodelers Foundation. I've also archived the first page of the first version of my resume web site. All of the other simple examples are for fictional organizations - created as web design exercises and examples.

ReFIT
ReFIT - Remodeling for Indepence Together

RefitPortland.org This Oregon non-profit organization "provides construction services for physically and financially challenged homeowners who wish to remain living independently in their homes" - to quote directly from their mission statement.

For my second redesign of the site, I created a completely CSS based design that would enhance the site's usability by making it more accessible to the very people it was trying to reach. The navigation effects are completely text-based, which allows it to be understood at any text size, and even by screen readers. For the site's main header, I've used a image replacement method to provide a graphical header to most browsers, and still display a semantically useful header for screen readers and search engines. The site also uses a flexible width, expanding to fill large browser windows. The new color scheme and main logo were designed by an outside graphics designer. I melded that design with the design elements of the old site to create this new one.

The PHP server is used to create pages using a universal header and footer, but with unique titles. I also used PHP to create a mailing form with input character stripping, a confirmation message, and a non-intrusive form-spam prevention routine. I also used .htaccess to specify an auto-forwarding 'Not Found' page.

Taylor's Beach Cottage
Taylor's Beach Cottage

This client site is now discontinued and archived here.

For this Oregon coast rental property, I designed and created a complete web site from scratch. I also researched domain registration and hosting, recommending and implementing the best total solution.

This site includes scripting in both JavaScript and PHP such as easy-maintenance header, footer and navigation components, and GET request / PHP based photo album. Additionally, I used .htaccess to specify an auto-forwarding 'Not Found' page.

The Remodelers Foundation
The Remodelers Foundation

The Remodelers Foundation is the old identity for ReFIT. The old Remodelers Foundation site, dating before the re-branding and site redesign for ReFIT displays a knowledge of legacy HTML and JavaScript techniques.

For my first assignment with the the foundation, I redesigned the entire web site and created all new graphics and code. Additionally, I researched, selected, contracted and migrated the site to more reliable and economic registration and hosting solutions for client.

This web site includes both client side and server side scripting. I used JavaScript to create the image roll-over effects, and show and hide the sub-sections of the navigation menu. The PHP server is used to create pages using a universal header and footer, but with unique titles. I also used PHP to create a mailing form with input character stripping, a confirmation message, and a non-intrusive form-spam prevention routine. I also used .htaccess to specify an auto-forwarding 'Not Found' page.

A Soothing Touch
A Soothing Touch Licensed Massage Therapy

Though now mothballed, a copy of this, my first client site is available here. Previously at TroutdaleMassage.com, this site is no longer in production, as the business has changed to referral-only.

A Soothing Touch is a licensed massage therapy office in Troutdale, Oregon. I designed and coded the site, and re-wrote most of the copy based on the clients's existing physical brochures. While designing the site, I focused on bringing web site visitors into the physical location by placing the phone number right on the header, as well as tracking visitors by providing special coupon codes for first time visitors.

The site is a good example of table based design, with JavaScript image preloads, roll-overs and status bar changes. Also notice that I designed a small favicon based on the site's main logo.

Resume Version 1.0
Resume V1.0

Resume Version 1.0 The original version of my web resume is quite dated by today's web standards and accessible guidelines. However it is my best example of a detailed table-based layout. It also features lots of JavaScript - there's a pull down menu that uses JavaScript, and the navigation rollovers (at the bottom of the page) preload and change the status message at the bottom of the screen. I've removed all but the first page.

House of Cards
House of Cards

House Of Cards A speculative demonstration web site for House of Cards Art. I created the logo by using some text layers and blending effects within Photoshop. I created the web site using Adobe's GoLive web design tool, as well as the Arachnophila text editor. There are also a few sample pictures on the page that I edited and "re-mixed" also using Photoshop.

Simple Designs

The following simple designs only contain one page, and possibly a style sheet. Many of the graphics are quite a bit larger than normal to enhance the details.

Habitastic demo Filmography demo Restaraunt demo Travel Agency demo Company demo Real Estate demo