close

shannon drennan ruder

full stack web developer

about me

My passion is for all things pixels, design+tech, and codesmithing. My 15+ years of professional experience in design and front-end interactive multimedia now includes the full stack experience gained through a UCLA program. I thrive on “design thinking” to solve complex problems with responsive application development for clients including Verizon Wireless, USAID and The Washington Post.


I am ready to dive-in to the creative process. Let's take the challenge together to brainstorm, iterate and deploy well designed tech solutions.

work

Iridium Communications

I wore many hats as webmaster at Iridium from 2019 to 2021. While overseeing day-to-day operations of Iridium's websites (e.g. Iridium.com, IridiumConnect, and Iridium for Partners), I produced blog articles, product pages, news articles and analytics reports.

Visit the site.

JCVR Portfolio Site

This portfolio site was designed to showcase a Chicago-based fiber artists' pieces. I created it using Photoshop, Bootstrap, JQuery and Javascript.

Visit the site.

KAMLife

The design of this personal fitness site reflects its motto, "Get Active. Eat Clean. Live well." The design challenge was to position KAM's brand as a lifestyle complete with upcoming events, nutrition tips, a gallery of his clients as references and food shopping assistance. With room for affiliate programs in the future including a possible line of sports fashion and vitamin supplements, KAMLife now represents its owner's vision. High quality photography and a bright color palette against a simple background give the feeling of unity. It was created using HTML, Javascript, CSS, Bootstrap, and jQuery.

Visit the site.

Salon401

This corner neighborhood salon was looking to overhaul its identity, update its logo, and website. To embrace the openness and positivity of the owner as well as give Salon401 a modern yet nostalgic feel, the font Neon in vibrant red was mashed up with sepia-toned imagery. The hipster vibe comes through while not losing the down-to-earth retro charm of this First Avenue area hair salon in Los Angeles.

Visit the site.

selected projects

YodaQuo

YodaQuo is an inspirational quote generator dedicated to preserving the language of the beloved Jedi Master, Yoda.

See the YodaQuo bot in action! Github Repo

Cleopatra Crystals Project

This game application has a main character, Cleopatra, who has a crystals quota she needs filled. The player can use any combination of the four kind of crystals with different random values to total up to a randomly generated crystal quota. The game is won by meeting her quota with the exact number of crystals. Crystal Collector Game was created using HTML, Javascript, CSS, Bootstrap, and jQuery.

Play the game! Github Repo

1980s Movie Trivia Quiz

This application is a 1980's Movie Trivia Quiz. The player has 10 seconds for each question and 3 seconds in between questions. If the time runs out the answer will be displayed and the page will automatically take you to the next question. It was created using HTML, Javascript, CSS, Bootstrap, and jQuery.

Take the quiz. Github Repo

Gimme a Geometry GIF

This 3D Image GIF Finder is a Javascript/HTML5 Web-based application that uses the GIPHY API to fetch a users' choice of 3D geometric shape GIFs. GIFs have a click-to-play & stop toggle feature when clicked.

Enjoy the 3D shapes. Github Repo

skills

education

UCLA Extension - MERN Fullstack Development

Fullstack Web Developer Certificate

Corcoran School of Arts & Design

coursework toward Graphic Design Certificate

Mount Holyoke College

Bachelor of Arts International Relations

Institut d'Études Politiques

Paris, France

get in touch

email now

view resume