design

rume website

11.29.13

OKAY! Here goes nothing. My first post of my actual design work up on the blog. Cue the horns section! This project I am showing was one of my very first projects from when I went freelance in April. I worked with an agency called Creative Scout as a Senior Designer and Art Director on the project.

The project itself was a full revamp and partial rebranding of a company located here in Denver that sells reusable shopping bags. Their site is a quite large e-commerce site. They wanted to update their look and completely redo their site after securing their product in Target’s stores! They knew they’d be receiving new clientele and wanted to offer an experience for those who came to their site.

The company sells more than just bags though – they’re a leading competitor in iPhone case customization and monogramming. As a team, we needed to not only develop their store, but create a product builder as well. It was no challenge for a small team of 3 designers that became a team of 2 designers a week into the project. Oy vey!

One of the biggest services I offer as an experience User Experience Designer is my ability to think about sites from a technical standpoint. I take on the roll of an architect and map out what the site’s pages will be like and then create the skeleton or foundation of the site in wireframe form. It’s a skill that sort of came natural to me, when I realized that I was able to map and organize the back end of a site quite well.

I also create something I call “blueprints,” which function similarly to the blueprints for a house. They detail mathematically where things will go, how they will work and what is needed to put them together. All of these skills are related to the user experience and are often called Information Architecture.

It’s probably the only time in my life that I’ll be able to call myself an Architect, so I’m just going to roll with it.

I designed the RuMe site to be highly templated. This is a really great thing to do for large sites because it allows for easy expansion as new products or services are added and it makes everything consistent and clean. This helps the person browsing the site to feel a sense of safety and structure as they go through the site. They know what to expect and aren’t surprised when they open a page. It keeps them from getting lost in the masses of information and maintain a streamlined process that will hopefully help them reach their end goal, whatever that may be!

The templates above are two of the “portal” templates that I made. These are places where the user is presented with options to narrow down what they want to do. For instance it forces them to begin choosing a product to look at or it will prepare them to customize a product they have already chosen to purchase. This is the launching pad before the user is given the opportunity to get specific.

This is a page that might look familiar to you. If you’ve ever bought something from a website, you’ve probably experienced a “single product” page. These pages feature one product and are the final point of sale before a user adds a product to their cart. I wanted to create a product page with cool functionality that wouldn’t overwhelm the user. I offered the opportunity to customize the product straight from the page (which cuts down on steps in the sales process) and added features that I, as a blogger, like as well. Have you ever gone to feature a product on your site and not been able to download the image of the product? Or even been forced to save a very low resolution image? Not here, folks! Big, beautiful, easy to save images for your blogging pleasure. I’m always watching out for my community! Hehe.

This last little image is of the mobile site design that I made. I designed a simple mobile version of the website for RuMe, because for their customers a mobile app is just not necessary at this time. Mobile websites require a lot of considerations that are intrinsically different from the considerations of a regular website because the use case is just so different! People who visit mobile websites are typically looking for just a few things such as an address, contact info or a product that they are interested in. I brought the most important information to the front of the site and made it easy to access. One feature that’s very important to mobile sites is the ability to search. Mobile users don’t often want to browse large websites – they want to search for specific things and get results that are clear, concise and easy to access.

Beyond the content, I designed the mobile site to be easy to use from a physical standpoint. Easy to see colors, large buttons, big huge text – all things to think about when creating for mobile devices.

SOOOOO what do you guys think? I feel pretty great sharing some of my work but oh so vulnerable. Eep.

To see more of my work, check me out here.

To contact me about freelance work, email me at {info at ridingsandco.com}.
xoxo

1 comment on “rume website”

  1. I love seeing what you’ve created for brands. I also love the idea of a non-overwhelming page for users, sometimes sites just have too much going on. Everything is so tasteful.

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.