Design Work

Springs Houses

Bootstrap 3
jQuery UI
Wordpress 4.6
Mapstraction

A site for soon-to-be homeowners to search and filter houses by MLS data. It includes custom plugin and widget builds for searching and sorting housing data by a variety of fields, along with integration with AWS, and uses a customized theme. My redesign has more than doubled the initial traffic to this domain. I was the sole designer and developer for this project, and I completed it on a 2 month deadline.

Mohu

Solidworks
Photoshop CS3
Dreamweaver

A site for the sale of various antennas. I was one of several designers who worked on product designs for merchandise and promotional displays. Since I worked at Mohu, it has grown to become a titan in its industry.

Colorado Springs.com

Bootstrap 4
jQuery UI

A site for promoting attractions and events in the springs to residents and tourists alike. The architecture I built includes a custom php schema and custom plugins. I was the only designer and developer on board for this project, which I completed in under 3 weeks. This site is currently under review for project goals.

Childbloom Guitar

Jquery UI
Bootstrap 3
Wordpress 4.6

A guitar-lessons site specifically for children and young adults. I was the sole designer and developer for this site, which uses a custom wordpress theme I designed.

Corrales Garden Tour Painters

Wordpress 4.2
jQuery UI

A display and information site for a plein air painting group. Uses the default twentysixteen wordpress theme with custom designs for each page. I was the sole designer and developer for this project. The tour for this group was better organized and more well-received the year I created this site to manage their data than any years prior.

Organic Shadows

CodeIgnitor 3
jQuery UI

A site to sell beautiful hand-crafted chandeliers. I worked alone as the designer/developer for this project. It uses the wordpress Genesis theme, along with custom designs for every page. This company saw a net increase in ROI of around 60% after the launch of this site.

Design Code Samples

CSS

Tabs that expand on load to fill in at full width.

.ui-corner-all, .ui-tabs-panel{

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

#tabs {

position: absolute;

left: 50%;

transform: translate(-50%, 0%);

padding: 2px 5px;

width: 100%;

border: 1px solid #ccc;

box-shadow: 2px 2px 4px #808080;

animation: smooth 5s linear forwards;

}

@keyframes smooth {

from {

width: 0px;

}

}

SCSS

Snippet of a flex navigation menu

@import "../_mixins";

@import "../_flexMixins";

@import "../_variables";

.nav-dropdown {

ul {

margin: 0px;

padding: 0px;

@include flexbox();

li {

font-family: "Khand", Open Sans, Verdana, sans serif;

padding: 30px;

border-top: 4px solid #ccc;

text-align: left;

height: 70px;

.menu li a {

color: #333;

}

}

&:before{

content: "+";

color: #ff8800;

}

}

}