Stoodio - User Experience Design with a pickle » Portfolio-WebDesign

ThunderFire – Firefox extension

Ray Hernandez — Fri, 10 Apr 2009 05:44:06 +0000

I’ve wanted to make this Firefox extension for some time now, and wanted to mock up how I wanted it to look and work. The basic idea is when you get a new email, rather than having to change applications, a message could slide down right on your Firefox window. You could then reply to the message, and carry on with your day.

You might only be saving seconds each time, but throughout the day if you get as many emails as I do. You’re saving a lot of time.

If there are any developers out there that would like to work with me on this project, please hit me up.

View fullsize image

image

Madskill.com – Youth Marketing

Ray Hernandez — Wed, 27 Aug 2008 19:54:53 +0000

A complete overhaul on Madskill.com. They had a site that was a bit dated, and wanted something fresh that showed off their humble spirit and their local flavor.

About Madskill

Madskill is a creative consulting firm dedicated to the cultivation and development of forward thinking ideas. We develop, create, and implement innovative ways to communicate. The most brilliant and profound message is useless if unheard, making the chosen media just as important as the message itself.

We understand that change is the only constant in every aspect of our world. This constant change is what drives us to transcend the norms and break all creative limitations. From fundamental tools to the most advanced technology, we view everything as a canvas to express our creativity.

Simply put, we MAKE THINGS HAPPEN… and we enjoy every bit of it.

Some of our Clients

Scion Hawaii
Smithsonian Institute
Turtle Bay Resort
Contemporary Museum of Hawaii
Hyatt Regency Waikiki Resort and Spa
McDonalds
DVS Shoe Company
Waikiki Shopping Plaza
Panasonic

Launch Website

image

Stop the Violence – Teen

Ray Hernandez — Tue, 26 Aug 2008 23:32:09 +0000

Domestic Violence Clearing House Honolulu needed a site to educate teens about domestic abuse.This was a tough project. 1 for the topic and 2 because teens have such small attention spans. Not to mention all of the different ways people can be involved in abuse. What we came up with was a youth oriented design, with a pretty cool “help a friend” feature.

Text anonymous abuse information to your friends: You simple put in your friends, parent, family members cell phone number, and we send a message with the subject “Abuse is not normal…you don’t have to deal with it”. The message would contain the process of getting help, as well as contact information to call and get face to face help through the organization.

This project was fullfilling and I hope it helps a lot of teens in Hawaii.

Launch Site

Another aspect of the project was to create a cohesive flow between where the teens are to where the help information is. So we created them a myspace profile page, that matched the design of the new site.

Launch Myspace

image

Feed Blendr

Ray Hernandez — Tue, 26 Aug 2008 18:30:31 +0000

Feedblendr.com lets you combine multiple feeds into one clean coded feed. Beau Lebens wanted a clean and easy to use interface for this web app.

Red was the color of choice by the client, and I created a very clean, web 2.0 ui. Below you can read a little bit more about Feedblendr.

FeedBlendr takes the feeds you give it, pulls the individual entries from each of them, attempts to sort them in date order (combined across all feeds) and then provides you with a new, blended feed of all entries. This system was written from the ground up using the programming language PHP. I’m also using MySQL to manage the feed information on the backend, and FeedBlendr is hosted on the wonderful DreamHost. Oh, and the subscribe page uses the icons from Feed Icons and OPML Icons. The blog, this page, Tips and Contact are all managed using the wonderful, open-source blogging engine WordPress.

In case you were wondering, my name (the guy who made this) is Beau Lebens. My main website is Dented Reality, and I do all sorts of projects like this one. This visual interface of this site was designed by my good friend Ray Hernandez and coded up by me in my spare time (around my day-job, which takes up way too many hours in the day).

image

Feed Filter (not live)

Ray Hernandez — Tue, 26 Aug 2008 17:48:49 +0000

Was going to be the second site in the Beau Lebens feed family. It never made it live, but the design was just as clean as feedblendr.

image

Only Me Bea

Ray Hernandez — Tue, 26 Aug 2008 02:46:57 +0000

image

Addicted to Pool

Ray Hernandez — Tue, 26 Aug 2008 02:44:10 +0000

image

My Baby Our Baby

Ray Hernandez — Tue, 26 Aug 2008 02:41:31 +0000

Sure, plenty of other sites allow parents to create online scrapbooks and keepsake photo albums, but no other site makes it easier for busy parents to collect and organize memories from invited family members and friends.

In today’s world, almost everyone has images gathering dust on their hard drives. Instead of devoting hours to tracking all these images and memories down on your own, let us help you with the legwork. You’ll end up with tons of memories you didn’t even know you had – and a whole lot more time for creating new ones.

So how do two childless guys end up founding an Internet company that’s all about babies?

Good question. Several years ago, the founders of MyBabyOurBaby found themselves surrounded by friends and colleagues embarking upon the wild journey known as parenthood. Labeled “Internet guys” by everyone they knew, Beau and Ray were constantly being asked to help with “doing online stuff” so the many new parents in their lives could show off their brand new, little people.

Then Ray had a stroke of genius (which he’ll tell you is a pretty common occurrence): Why not just create one web site where everyone can capture memories and easily share them with friends and family? Proving that chronic laziness can result in giant leaps for mankind, the two “Internet guys” quickly realized that creating one really awesome site would mean they wouldn’t have to keep creating new sites for every newborn baby they met.

Born in 2006, the idea for MyBabyOurBaby grew, slowly at first, from a casual project between two friends into the fully functional, feature-rich service you see today. Today, MyBabyOurBaby allows its members to showcase their memories in an interactive, collaborative space that grows and changes right along with the kids that are its inspiration.

The focus has been – and always will be – to help parents collect all kinds of memories in one safe, easy-to-use location that they can share with family and friends.

We hope you enjoy using MyBabyOurBaby as much as we enjoyed creating it.

Launch Site

image

GG Quad

Ray Hernandez — Tue, 26 Aug 2008 02:39:50 +0000

image

SF Indie Fashion Blog Design

Ray Hernandez — Tue, 26 Aug 2008 02:37:06 +0000

image

Movie Messiah

Ray Hernandez — Tue, 19 Aug 2008 20:11:11 +0000

A movie review wordpress theme for Shane Semmler, a hawaiian based movie expert. Not yet live…but hopefully soon.

image

Guav.com

Ray Hernandez — Sun, 17 Aug 2008 20:05:13 +0000

Guav wanted a website to show off his photography skills. I created a wordpress theme for him that pulled his photos from his flickr.

image

Rural Shade ATV Ranch

Ray Hernandez — Sun, 26 Aug 2007 19:37:02 +0000

Rural Shade ATV Ranch were starting to host larger events, and wanted to have a real online presence. Rural Shade ATV Ranch is Texas’ newest ATV/MotoCross/Off Road Vehicle recreation site. They have over 1,800 acres of wooded, gorgeous land for you to go HOG WILD!

Launch Website

image

The Toph v.1

Ray Hernandez — Fri, 24 Aug 2007 23:35:45 +0000

Who is Toph? He speaks loudly, about everything. He was trying to find a blog that included everything from hot chicks, sports, entertainment, celeb gossip, sex tapes, and everything about himself. Believe it or not this blog did not exist. So, I made it happen. It’s pretty much what I do on a daily basis. I’m fucking Toph, what more do you expect?

Toph came to me looking for a design for his blog, that told a story about who was, and what he is all about. The term “Gangsta” came up about 100 times in the conversation, so I thought what better way to portray him. I’d make it dark and “Gangsta”. This was the first mock of many, and this project is still in the works.

www.tophspeaks.com

image