Janet Yoder's Portfolio

Web Development, Graphic Design, Project Management

About Me

Hello! Welcome to my portfolio page. I am a Colorado native, born in Denver and raised in Arvada. I came to Northern Colorado in 1990 and earned a Bachelor's in mathematics with an emphasis in computer science. I have spent my entire career working on software development teams in a variety of roles.

Most recently, I have been working as a Web developer and graphic designer. Before this adventure, I worked in product/program management and as a Scrum Master.

 

View My Resume
 

 

Click on the buttons to see information and sample work

 

 

Web Development

 

NOTE: The sites may not look the same as when first published since the client can make changes to the site content/files themselves. Sometimes, they know enough to be dangerous and produce interesting results!

 

www.perezcattleco.com

Perez Cattle Company

Bootstrap 3, HTML5, CSS3, and OrangeSeed Content Management System.

www.juddranch.com

Judd Ranch

Bootstrap 3, HTML5, CSS3, and OrangeSeed Content Management System.

www.sitzangus.com

SITZ Angus

Bootstrap 4, HTML5, CSS3, and OrangeSeed Content Management System.

Lufkin Cattle Company

Lufkin Cattle Company

Bootstrap 3, HTML5, and CSS3, and OrangeSeed Content Management System.

www.hollowtopangus.com

Hollow Top Angus

Bootstrap 3, HTML5, CSS3 and and OrangeSeed Content Management System.

www.sandhillfarms.com

Sandhill Farms

Bootstrap 3, HTML5, and CSS3, and OrangeSeed Content Management System.

 

Arnusch Farms

Marc Arnusch Farms

Bootstrap 3, HTML5, and CSS3, and OrangeSeed Content Management System.

Traynham Ranch

Traynham Ranches

Bootstrap 3, HTML5, and CSS3, and OrangeSeed Content Management System.

www.coloradobizwomen.com

Colorado Business Women

This site is created with Bootstrap 3, HTML5, CSS3, and the AllProWebTool's platform. The site makes use of Bootstrap panels and a rotating image slider.

The Kitchen

The Kitchen

This five page site uses HTML5 and CSS3 to demonstrate the use of HTML forms, a Google form, an embedded Google map, tables, AJAX calls, @media for responsive design and a small amount of jQuery.

View source code
Todo app

To Do Application

Todos demonstrates the use of HTML5, CSS3, and jQuery to allow users to add, remove, edit, cross off, and filter todo list items.

View source code
Calculator App

Calculator

This tool uses Traditional HTML5, CSS3 and JavaScript event handlers to create a basic calculator.

View source code
www.innovationews.com

InnovatioNews

This site is created with Bootstrap 3, HTML5, CSS3 and is incorporated with the AllProWebTool's platform. The client desired to have the site look the same as their previous site.

The Kitchen

The Paper Petal

Static website built with Bootstrap 3. Makes use of carousels, panels and thumbnail views. Added in the fancyBox version 2 library as well.

View source code

 

 

The following websites are no longer live/hosted by my former employer, AllProWebTools.

 

www.stuffnmallows.com

Stuffn' Mallows

This site is created with Bootstrap 3, HTML5, CSS3, and is incorporated with the AllProWebTool's platform (contains modules such as a shopping cart and blogging). The site makes use of a rotating image slider and contains a blog. The site is responsive.

www.chirocareftc.com

The Connecting Experts

This site is created with Bootstrap 3, HTML5, CSS3 and is incorporated with the AllProWebTool's platform. The site makes use of Bootstrap panels and a rotating image slider. Videos are also embedded into the site. The site is responsive.

www.nextgenerationsys.com

Next Generation Systems

This site is created with Bootstrap 3, HTML5, and CSS3. The site is responsive. I do not take credit for any of the demos on the site, as they were done by someone else.

 

Adobe Photoshop

 

Links to PDF and .PSD files of artwork

Here you will find downloadable PDFs of my artwork as well as links to the .psd files. I have the artwork divided into my most recent work and then older school artwork. The most recent artwork is shown below.

Recent Work

noni ad

I was assigned to create artwork for Noni emails. Hawaiian Organic Noni is a farm/business located in Hawaii.

noni ad

I like the colors and got to do some masking, opacity changes, and other effects.

 

ad

Annual name that chick contest and coupon email advertisement for Hawaiian Organic Noni.

coupon ad

Name that chick winner and coupon email advertisement

 

coupon ad

Hawaiian Organic Noni Email Advertisement. Photo used shows the hands of the owner of Hawaiian Organic Noni. Opacity, dropshadow, color overlay and other layer and text styles used.

ad

Social Media Quote post for Noni.

 

coupon ad

Printed coupon advertisement for a local company.

twitter ad

Noni Twitter Advertisement

 

Noni Email

Noni Advertisement

Noni Email

Noni Email Advertisement

 

ad

This artwork is one of my favorite pieces because I love the colors of fall. I used drop shadow and outer glow effects along with some masking. This ad was featured as one of the rotating image slides on the Log Home Maintenance and Supply Website.

Eye-mazing Email

Eye-mazing Advertisement

 

ad

Dr. Nuzum social media quote post

ad

Dr. Nuzum social media quote post

 

ad

CR Conversations - Group training form

 

 

Adobe Illustrator

 

Links to PDF and .AI files of artwork

Here you will find a downloadable PDF of my artwork as well as links to the .ai files.

Artwork

world record event

This illustration was created for Stuff'n Mallow's world record attempt for the most people making s'mores simultaneously.

poster

Logo for Vision is Victory Events.

building

New logo for Colour Restoration, Loveland, CO

 

menu

Sign up form for Vision is Victory Event.

ad

Poster for Seussical the Musical Performance

poster

Educational poster. Typography and layout exercise.

 

smile mug

This is my favorite illustration because the mug looks so real. The illustration was created using the mesh tool and the pen tool.

stamp illustration

This piece was done with the pen tool, rotation and transform again options.

zoo card designs

More pen tool work.

 

grid layout

Practice using a grid for layout.

grid layout

Using the same photos/colors in a different grid layout.

grid layout

More practice with grid layout.

 

menu cover

Front cover to menu. Typography and layout.

menu

Inside left menu page.

menu

Inside right menu page.

 

menu

Building created with the perspective tool.

menu

Self Portrait

 

 

Adobe InDesign

Links to InDesign sample work.

 

Project Management

Link to more detailed project management resume.

Project management focused resume