Results
FurnitureShed
This e-commerce, outdoor furniture store was designed in 2004. A clean and easy to use design was needed to facilitate customer browsing and ordering. The website was built with valid transitional XHTML markup and CSS 2.1.
The navigation bar utilized CSS 2.1 techniques for it’s cascading menu features. For browsers that did not support CSS 2.1 at the time, these features were virtualized with Javascript.
The link is to an archived version of the website. Original site Coldfusion programming and logo design by S. Johnson. An individual product page can also be seen.
PHP/MySQL gameshow
This is a custom project developed for a history professor at Grand Valley State University.
The professor needed a game show-type of interactive panel that he could use to quiz his class with. After choosing a class, question and contestant, a question will appear with the answer hidden. The student can answer the question out loud, and the “host” can highlight the answer on the page to see if they are right.
Near the bottom are sound effects that can be used as timers, and also as right and wrong indicators.
Internet as a public sphere
A class project for my Communications Capstone Public Sphere class at Grand Valley State University.
The assignment was to use research an emerging technology and determine whether or not it is a part of or a form of the public sphere.
This page takes a term that is input by the user, and displays results of a search for that term from Twitter, Google and Technorati blog search. In theory, these three popular sources will give a glimpse at the general discourse of that term on the internet.
Communications 320: Media and Society
This was a class project for my Media and Society class at Grand Valley State University.
One of the first lessones we learned was the acronym of C.R.A.P., which stood for contrast, repitition, alignment and proximity. The website appears to have none of these at first glance. Clicking on the letters of the acronym in order from left to right will add these elements via a stylesheet switcher.
I designed a logo for the class and also added other pages highlighting some of my favorite subjects taught in the class.
2010 NBA Playoffs bracket
The annual tradition of the NBA Playoffs bracket is once again in full swing over at Breathingfire.com. The bracket is XHTML and CSS compliant and also prints out in hi-res.
It is the only bracket tree I know of that uses what I believe to be semantic, structural HTML code. Each branch of the tree is a list nested list item, and the entire bracket is one giant list. Turning off stylesheets in your browsers will show how the lists are structured.
Follow your favorite team as they go down the road towards the NBA Finals!
Roger Bruinekool, Artist/Photographer
Artist and photographer Roger Bruinekool offers a fascinating view of our world, and needed a quality website to showcase it. Ryanleigh provided Mr. Bruinekool with a simple yet elegant looking site that utilizes a fluid layout that enables his art to be displayed as large as a viewer’s monitor can handle.
The website houses templates for Mr. Bruinekool’s Adobe Lightroom-generated Flash galleries. The front page features a rotating view of the different types of art Mr. Bruinekool offers, displayed using a jQuery effect as opposed to Flash.
Exploring the history of barcode technology
A class project for my Creativity and Innovation class at Grand Valley State University.
The assignment was to pick a technology, research it’s beginnings, and to present those findings in a way that is creative. This was my answer to those who went the tried-and-true (but boring) Powerpoint route with their presentations.
I enjoyed experimenting with the dark background and the transparent PNG logo.
B & I Nameplate, Inc.
My most ambitious project to date, the website for B & I Nameplate, Inc. has been evolving for the past 5 years. I worked closely with a partner to develop the website, working on almost all of the design elements while they completed the programming side.
The website is a fully functioning e-commerce interface to the product line of B & I Nameplate. Customers are able to browse products, download fax and credit application sheets, and access their accounts. Most importantly, customers actually build and preview their engraved tags right on the website with a hybrid Javascript/Flash application. This feature has yet to be surpassed in the engraving industry.
The website handles between 600-1000 visitors per day and receives hundreds of orders per month. Approximately 90% of all of B & I Nameplate’s business is processed via the website.
Ryanleigh Web Design
The home of my freelance business, Ryanleigh Web Design and Consulting. This was one of our first forays into true user interface design. The goal was to make a sleek and easy to read website that was accessible to all.
The entire website is a custom built HTML and CSS WordPress theme (as is what you are looking at now.) Its design elements include a ‘Featured Website’ area, a Showcase page with transparent PNG images, and a custom designed logo.
Used for basic communication and information purposes, it is currently dormant and awaiting it’s next makeover.
Hi-Tech Flexible Products, Inc.
Working from a Photoshop design file, Ryanleigh was commissioned to implement elements of it into a new website for Hi-Tech Flexible, Inc. Utilizing HTML for structure and CSS for presentation, as well as small amounts of Javascript and Flash for behavioral elements, the design came across as one of our more dynamic to date.
A custom content management system built with PHP and a MySQL database was created for the employees of Hi-Tech to interact with their website and make changes on their own.
Developed in 2005, it is one of our earliest projects at Ryanleigh.
