Design Image for AD Bakke/ChaBuku Designs

Hi, I'm A.D. Bakke

I love to code.

Based in Asheville, North Carolina, I'm a developer and designer that writes semantic, legible, and beautifully coded HTML, CSS, and JavaScript. I also currently do graphic and print design.

My Work

Asheville Public Art Project Image

Asheville Public Art Information Heirarchy

JSON Data Parsing into UI Application

I built this quick display to show utilization of the API for Public Art in Asheville.

This parses the JSON into a consumable list that displays all information and shows a map of each item. It is sorted by Art Feature Type and then Artist.

Go To Live Project
Pixeljam Wordpress Blog Project Image

Pixeljam Wordpress Dev Blog

Development, Custom PHP, Blogging, SEO, Server Management

Designed by a Pixeljam artist I converted from PSD to a custom Wordpress Theme. To keep in alignment with project branding I wrote a custom PHP header that swapped out a matching background and header image based on the project category.

Eventually this header was removed to make way for continuous content once it became a side-page and not a main offering from the PixelJam website. This made it easier for the blog content to be displayed and skipped the main splash that took up a lot of real estate at the top of the page.

After a few years not working for Pixeljam the main blog WordPress theme I created still exists in a hacked form. Some parts may not function as designed.

Graphics designed by Rich Grillotti and Jeffrey Nielson.

Go To Live Project
Indie Press Kit (Jekyll) Project Image

Indie Press Kit (Jekyll Based)

Design, Development

Needing a refresh on our Press Kit this design kept simplicity in mind. I wanted to have posts be easily edited with or without technical markup language skills. That is where Jekyll came in handy; coded in Ruby, Jekyll uses Markdown to generate static sites.

With the easy learning curve of Markdown editing information and adding images is a breeze for the in-company artist. This site is fully responsive featuring a tuck-away responsive in-page navigation. I designed the layout and coded it all, and received graphics and assets for the page. Graphics designed by Rich Grillotti.

Go To Live Project
Unifire Theater Project Image

Unifire Theater

Branding, Logo, Social Media Strategy, and Website Development including Layout, Button Design and Scripting

This project was done for my fire performance troupe, Unifire Theater, based out of Asheville, NC. Fully responsive static site which I designed from scratch, focusing on search engine optimization for fire performance troupes.

I utilized schema microdata to ensure maximum searchability for our information including phone number, email, and other data.

Though for my own troupe, this was a paid project in which I designed the logo and established a style and color scheme. Through a simple social promotional strategy we were able to increase bookings over the previous year (booked via the web).

Go To Live Project
Glorkian Warrior Wordpress Landing Page Project Image

Glorkian Landing Page

Layout Design, Graphics Processing, Development

Utilizes a lot of custom JavaScript web animations for a fun but not detracting user experience.

With graphics by James Kochalka I designed the layout of this page, developed and implemented into a one page landing page. Previously created as a custom Wordpress Theme I had crafted for development. Our team decided the best way to get people to purchase the game was just to put the main call to action possibilities right up front. Without a lot of time to spend on building a blog around this single character we chose to eliminate the blog and keep it simple with a landing page by itself.

That simple concept laid out clearly what the page might look like: simplicity within the boundaries of the hand-drawn aesthetic. The game is a mobile offering so responsive layout was a must. Looks great at any size. Graphics designed by James Kochalka.

Go To Live Project
Potatoman Forest Level Parallax Site Project Image

Potatoman Forest Level Parallax

Development, Layout Design, Graphics Processing

This was a proof of concept that turned into a single-page site for Potatoman Seeks the Troof. I began wanting to model a horizontal scrolling page based on a horizontal scrolling level in our platformer game. The team suggested that using horizontal scrolling would disallow usage of the mouse 'scroll-wheel' and so to give the illusion of horizontal scrolling horizontal movement left and right is tied to vertical scrolling.

The guys loved the concept and wanted to turn it into a page. I was given a PSD file with all the layers and I converted everything to SVG. Full height scrolling graphics were animated to scroll at different rates using Skrollr.js (a JavaScript library) to generate parallax effect in imitation of the game. Graphics designed by Rich Grillotti of Pixeljam.

Go To Live Project
Gee Whiz Custom Site Project Image

Gee Whiz Music Page

Page Development, JavaScript, Graphics and Custom Audio Player

This was a custom client site that was specifically meant to be a one page flow. It was asked to be non-responsive.

Utilizing AJAX calls to bring a fluid one page "flash-like" (which was requested) experience without the dated technology.

Page simplicity and functionality all done to client's specific requests.

Additional header graphic created by Rich Grillotti

Go To Live Project
Personal Blog Project Image

Alex Bakke - Personal Blog

Development, Design

I wanted a simple location where I could post blog posts for myself.

Simplicity with few graphics and links to some of my other endeavors were all I desired. I wanted the ability to write posts without dealing with a CMS. I wanted to be able to write in Markup

This site was built and developed using Hexo, a Node.js powered blogging framework.

Go To Live Project
Pixeljam Lands Project Image

Pixeljam Lands

Layout Design, Development, Graphics Processing

A responsive and mobile-friendly landing page befitting a company with twenty-plus games. Together with our small team we brainstormed layouts and drew up something very similar to this full bleed layout. I coded a basic layout and received full resolution assets for the page which I edited, converted when necessary (to SVG) and animated.

With a bright and colorful graphics style this project could have easily been a heavy and slow download. Utilizing SVG and graphics optimizations (while keeping to square pixel scaling) I was able to minimize load time to benefit user experience. Graphics designed by Rich Grillotti and James Kochalka.

Go To Live Project

My Services

Development

  • HTML, CSS3, JS Frameworks
  • JavaScript, JQuery, PHP
  • E-Commerce
  • Custom Coding
  • Web Animation

Responsive Design

  • Mobile-Ready Websites
  • Work With Your Designer or Mine
  • Fluid Experience Across All Screens
  • Fast Loading for Perfect User Experience

CMS Integration

  • Wordpress, Drupal, or Other PHP CMSes
  • Site Adaptation & Integration
  • Plugin Technical Support
  • Upgrade and Server Support

Social Media Marketing

  • Social Sharing Automation
  • Tactics for Contemporary Media
  • Training and Support
  • Marketing & Copywriting

Contact Me

I am currently accepting new projects.

Please enter your information here and I will contact you by the next business day.