|
|
 |
 |
Radix Consulting
This is the company website for Radix Consulting, a hospitality recruitment firm based in Edmond, Oklahoma.
For this, I tried to create an interface that was simple, clean, and easy to navigate. The site's original incarnation was more static, demanding content over form since it was needed on a deadline of only a few days after comission. In light of such, I created the basic layout to be quickly functional yet still aesthetically pleasing. Since then, I have built on top of the basic design so that it has evolved into what you see today. Overall, it is meant to be lean and to the point, so that users can quickly get to where they need to be with little distraction or clutter.
The color scheme and shapes used were based on the already existing logo, utilizing the different greenish-yellow hues in components such as links, page headers, and rollover images. I designed the layout to first draw the viewers eye to the logo, letting it dominate the page in order to create awareness in the viewer. Afterwards, the eye is drawn left to make the viewer aware of the links to various locations within the site. Rollover images were used for the links to add an interactive touch, but were designed so as not to conflict with the static elements of the page. Finally, the viewer's eye is drawn inward to the text - the meat and potatoes of the site.
The body text of each page uses a sans-serif font, since the clean, unembellished lines work well with the site's overall design. Each page - with the exception of the front page - contains a department header for identification. The headers use the same color as the logo text, and are placed within a set of lines to make them stand out. Finally, the first letter of each paragraph is oversized for a further accent on the body text.
Design aside, the primary purpose of this site is to put Radix directly in touch with potential clients and recruits. This is where the "questionnaire" and "resume submittal" pages come into play. I programmed both of these pages from scratch using the PHP scripting language, incorporating them into the site's design while trying to make them easy for the applicant to use. Each page has a set of questions for the user to answer, some required, some not. When the page is submitted, it checks to make sure that all required fields have been filled in: if the user has missed a question, they recieve an error telling them which number they need to fill in; otherwise, the user is given a success message, and a copy of their results are emailed to Radix. The inclusion of these features helped Radix in securing a large contract with an expanding travel center company, and the pages were being used by dozens of applicants within the first day.
|
|
Caffeine Wabbit Design
Caffeine Wabbit Design is my personal webpage and net playground, serving as a place to practice my web design skills, as well as a repository for my artwork and other creative endeavors.
The idea for the design came from a quick marker sketch I made one night in a fit of boredom. I was surprised that it turned out graphically interesting, with the quick strokes suggesting high energy and playfulness. I mixed it with my love of caffeinated beverages, and voila - webpage design! I hope to add more to it in the future, including an updated design, more DHTML tricks, and possibly Flash cartoons.
The site incorporates HTML 4.01, CSS2, ASP, SQL, XML via RSS, JavaScript, and DOM compliant DHTML. It was created using Adobe Photoshop, Adobe ImageReady, and MS Notepad.
|
 |
|
 |
The Huxley Project
This site was created as a group project for my System Analysis class during my senior year of college. Our task was to create an error report system for a fictional college's computing services department. To accomplish this, we were to create a web-based application that would collect error data from students and faculty, which would then relay the information to the CIS department.
My main task was to create the web-interfaces that the users and CIS department would use to interact with the system database. I chose function over form - since this was only supposed to be a prototype and it was more important to demonstrate functionality - but ironically enough my group still wound up with the highest grade in the class for design (let's just say that most of the pages shown in class were hit by the ugly stick a few times...)
At the time, my group didn't have access to any sort of server-sided scripting to tie the interfaces into the database, so I used JavaScript to simulate user experience. I've left it that way for the sake of posterity.
This site was designed using MS Notepad with Adobe Photoshop, and utilizes JavaScript for simulated functionality.
|
|
|
