Amelia Winstead

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;
                    }
                }
            
}