Subscribe To Our Blog

Archive for the ‘Youth’ Category

Premier Athletic Supply

Monday, May 5th, 2008

Slice of Lime created the strategy, design, and development for Premier Athletic Supply. Premier Athletic Supply provides their customers with the best softball, baseball, and football products on the market.

We started the project with a strategy conversation to learn more about the company and the target demographic. From there, we were able to put together information architecture and wireframes for the website. We also agreed on the unique approach of allowing users to browse for products based on the exact position that they (or their kids) play.

During the information architecture process we captured the structure of the site as well as the administration tool that would manage their inventory.

We decided to build the store experience inside Flash so that no page-refreshes occurred. This required that we make good use of wire-framing different instances of the store before jumping into design.

Based on the information architecture and wireframes, we brought Premier Athletic Supply through several design rounds before landing on a final direction.

After choosing a sport, the user is presented with this screen which allows them to browse by position. Rolling over the red dots shows the name of each position.

Clicking on a position takes the user to a listing of all products related to that position.

Products can further be filtered using 3 pull-downs on the top right for product type, manufacturer, and age group.

From the product detail page, a user can add the product to the shopping cart. The shopping cart on the right is updated in real-time so the user never has to leave this page. It’s simple to continue shopping without being disconnected from the overall experience.

On the back-end of the website, we setup an administration tool that connects with Premier Athletic Supply’s point of sale service and allows them to assign images to their products.

Premier Athletic Supply knows everything there is to know about sporting goods. To reinforce this, we created a blog that makes it easy for them to educate their customers about the proper use of the equipment that they sell.

This was a great project for us to work on and a good example of how Flash can create a smooth e-commerce shopping experience.

For a two minute walk-through of the site, watch the video below:

Zenie Bottle Logo

Monday, April 7th, 2008

Zenie Bottle Logo

Slice of Lime designed the Zenie Bottle logo. Using the information collected during a Scope Discovery project, we produced several options for the Zenie Bottle logo.

Zenie Bottle Logo Comps

We landing on an icon that represented the Zenie Avatars that would soon be incorporated into the site. The swirls placed inside the bottle refer to the various items that can be placed within the “virtual bottle.” A clean and fun logo font treatment was created featuring the word “zenie.”

Zenie Bottle

Friday, April 4th, 2008

Zenie Homepage

The Zenie Bottle project started when the Zuzingo team walked into our offices, placed a interesting looking bottle on the table, and stated that they’d like to build a web experience around that bottle. The target would be mid teens to early 20s and the website would be a place to both buy bottles and to create “virtual bottles”. Virtual bottles would be online representations of the purchased bottle that would include any sort of message the bottle owner wished.

Zenie Table

From there, we brought Zuzingo through a “Scope Discovery” project to help better define the project, target demographic, and features that would be intriguing to their audience. Over several meetings, we had reached a consensus on the strategy of ZenieBottle.com.

Zenie Bottle Scope

Our first assignment was to create the Zenie Bottle brand. Using the information collected during the Scope Discovery project, we produced several options for the Zenie Bottle logo.

Zenie Bottle Logo Comps

We landing on an icon that represented the Zenie Avatars that would soon be incorporated into the site. The swirls placed inside the bottle refer to the various items that can be placed within the “virtual bottle.” A clean and fun logo font treatment was created featuring the word “zenie.”

Zenie Bottle Logo

From there we created a simple system for tracking scope updates and deletions using notecards and a whiteboard. As we continuously updated the board, we worked through the back-end and front-end information architecture and wireframes. After several rounds of reviews of information architecture we were ready for design.

Zenie Bottle Information Architecture

We brought Zuzingo through several rounds of design reviews before landing on the final direction. Our main objective was to entice users to explore the site right from the homepage by showcasing virtual bottles. Once hooked, we offer information on how a user can obtain their OWN Zenie Bottle.

Zenie Bottle Design Comps

As we worked through design, we were also developing the user interface. It was agreed that a key part of this project would be an engaging user experience both in creating virtual bottles for the world to see AND in viewing those bottles.

We created a rich AJAX application for building your own virtual bottle. It allows a user to add YouTube videos, photos from their desktop, photos from Flickr, messages, text messages from their cell phone, music, scenes, and charms with just a few clicks.

Zenie Bottle Builder

We used Flash to create an extremely rich experience when a bottle is opened. Items placed inside the bottle float down the screen and can be clicked on to be brought into focus.

Zenie Bottle Design

We also added in the ability to add comments, embed bottles as widgets on other sites like MySpace, and to rate bottles.

Zenie Bottle Widget

There’s plenty more to explore in terms of features and what users have created at Zenie Bottle.com. We invite you to visit Zenie Bottle.com today and check it out for yourself! This was a challenging, fun, and incredibly rewarding project to be a part of.

You can also view our podcast which showcases Zenie Bottle here.

Wish for Wheels

Thursday, April 3rd, 2008

Wish for Wheels Home

Slice of Lime worked pro-bono to create the strategy, design, and development for Wish for Wheels. Founded in 2004, Wish for Wheels is determined to make a difference for children by providing new bikes and helmets to kindergarten kids. At their first giveaway, it became clear to them that the bikes do bring health and happiness into these children’s lives.

We started with a strategy conversation and identified some high-level goals. Wish for Wheels wanted the website to show off the end-result and spirit of their program through video and images. A close runner up to this goal was to make it easy for visitors to the site to donate.

We created a simple information architecture for Wish for Wheels, renaming a lot of their existing nomenclature to be more straight forward. “Grease the Wheels” became “Donate”, for example.

From there we created a basic wireframe for the homepage outlining the core elements we felt were important. One of the main elements on the homepage would be a video featuring a story done on them from a local news station.

Wish for Wheels Wireframe

We decided to create some custom, fun, cartoon style icons for the navigation items. We felt that this would add that playful element Wish for Wheels was originally going for with their navigation. “Donate” was given a bicycle pump icon, for example.

Wish for Wheels Icons

Using SlideShowPro and SlideShowDirector, we setup an easy to use Flash photo gallery for Wish for Wheels. This will make it easy for them to continue to add photos year after year onto the website.

Wish for Wheels Photos

This was a rewarding project to work on and a cause I think we can all relate to. Slice of Lime will be taking a day to volunteer with Wish for Wheels. We’re looking forward to seeing the smiling faces on the kindergarten kids as they discover their graduation surprise!

Georneys Logo

Monday, January 7th, 2008

Journeys Logo

Slice of Lime created the logo for Georneys. The color of their product, a wristband for kids that helps identify them if they are lost, is reflected in the logo. We used bare feet to represent a child’s journey and the tagline “safe journeys” to support Georney’s mission and brand.

Georneys

Friday, January 4th, 2008

Georneys Homepage

Georneys is a company that was formed to provide location services for lost children. The system uses an ID (shoe tag or ID card) with a number and website imprinted on it. If a child is lost, the person who finds them can visit the web site and retrieve the parent or guardian’s contact information.

Slice of Lime was brought on to help with the overall concept and to create the design and initial code to pass off to their internal development team.

Georneys Information Architecture

We started with a few strategy conversations which lead to the above Information Architecture, outlining each page of the site and high-level functionality.

Georneys Wireframes

From there, we created “wireframes” which captured the core elements needed for marketing and application oriented pages.

Georneys Inside Page

Using those wireframes as a blueprint, we brought Georneys through three rounds of design reviews, ultimately landing on a friendly color scheme that featured families having fun. We felt that it was important to focus on the united family versus the fear of losing a child in our image choices.

Once the design was approved, we coded the site using web-standards (XHTML and CSS). This will make the site easy to update going forward, easier to find via search engines, and faster loading. It also lends itself to mobile devices, an area that Georneys wants to eventually get into.

Once the presentation layer of code was complete, we passed it off to the internal development team at Georneys. From there, they implemented their proprietary back-end code using the styles we had created for them.

Premier Athletic Supply Logo

Friday, December 14th, 2007

Premier Athletic Supply Logo

Slice of Lime created the new logo for Premier Athletic Supply as the first step towards their new website. After discussing the brand strategy with Premier Athletic Supply, we concluded that the logo needed to represent the high-end products they offer while tipping its hat to home-town baseball “Americana” .

The banner in the logo serves as a familiar sports icon while the 2-tone shield adds strength and quality to the brand. The baseball and football in the logo suggest that there are multiple sports Premier Athletic Supply offers. The red, white and blue colors reinforce the American sports connection.

Jibbitz Stylizer

Tuesday, December 11th, 2007

Jibbitz Stylizer Home

The Jibbitz Stylizer now makes it easier than ever to have fun decorating a Croc. Slice of Lime created the original Jibbitz site. Since then, they’ve been acquired by Crocs for $20 million. Using feedback from customers, Slice of Lime developed this new, highly engaging shopping experience. The interactivity is so fun, it’s easy to forget you’re in an e-commerce site.

Jibbitz Stylizer Choice

The Stylizer starts off by asking the visitor what type of product they’d like to decorate; a Croc, a Thin Wristband, or a Thick Wristband. The site was built to be scalable, making it easy for Jibbitz to add products as time goes on.

Jibibitz Stylizer Color

Jibbitz Stylizer Scene

Many options are available to the user such as Croc color, strap color, and even their “Scene”.

Jibbitz Stylizer Categories

All of the Jibbitz categories are displayed dynamically inside the Stylizer. As more categories are added in the back-end admin tool, they will instantly show up inside the Stylizer.

Jibbitz Stylizer Drag and Drop

Slice of Lime added the ability for visitors to drag and drop Jibbitz directly onto specific holes in their Croc or Wristband. If they ever want to get rid of a Jibbit, they can drag it over to the trash bin. This customization was key to making the experience enjoyable for both kids and adults. While encouraging creativity, the “fun” Jibbitz brand is reinforced.

Jibbitz Stylizer Actions

While it’s as easy as a click of a button to purchase your creation, there are also other options available for the visitor. They can start over and create a new masterpiece, they can print out their work, or they can email their design to a friend.

Jibbitz Stylizer Email

When an email is received by a friend, it shows what the visitor created inside the email and offers a link back to the Stylizer. This component is highly viral and is a fun way to spread the word about Jibbitz.

This was an extremely fun project to work on. It’s been a pleasure working with Jibbitz and we’re very proud of their success!

Cupcakes for a Cause

Thursday, December 6th, 2007

Cupcakes for a Cause Home

Cupcakes for a Cause supports Cancer Care for Kids with participating bakeries across the nation and a highly engaging and interactive website.

Slice of Lime created the viral Flash website that allows visitors to create their own “virtual cupcakes” online. The concept is simple; for every cupcake created, $1 is donated to Cancer Care for Kids.

Cupcakes for a Cause Icing

Slice of Lime made sure to make the cupcake creation experience intuitive and fun since kids make up a large portion of the target demographic. A visitor can choose what type of cake they want and their icing style and color. A baking timer in the top left of the screen shows how far along the visitor is in the baking process. Visitors can choose from thick and thin icing tools and draw on the cupcake using different icing colors.

Cupcakes for a Cause Toppings

Visitors can also apply a range of toppings, from chocolate chips to sprinkles.

Cupcakes for a Cause Search

Once cupcakes are finished, they can be published to the website. A live counter shows how many cupcakes are being created in real-time. If a visitor is curious about what other cupcakes have been created or they want to search for a friend or town, they can “Browse Cupcakes.”

Cupcakes for a Cause Email

Lastly, a cupcake can be sent to a friend. This was a key component to the success of this campaign as it organically passes the word on to friends and family. While the website did get promoted on “Good Morning America” and “The Today Show,” Cupcakes for a Cause had almost met it’s goal of $10,000 by the time those segments were aired.

As of this posting, 18,100 cupcakes have been created! It was a pleasure to be involved with this positive organization.

IPY: International Polar Year

Wednesday, February 7th, 2007

Slice of Lime provided the strategy, design and development for the new IPY: International Polar Year website. IPY, organized through the International Council for Science (ICSU) and the World Meteorological Organization (WMO), is the fourth polar year, following those in 1882-3, 1932-3, and 1957-8. IPY 2007-8 will involve over 200 projects, with thousands of scientists from over 60 nations examining a wide range of physical, biological and social research topics. It is also an unprecedented opportunity to demonstrate, follow, and get involved with, cutting edge science in real-time.Slice of Lime implemented a robust content management system that provides numerous RSS feeds and several methods in which to navigate the site. Content can be accessed by content type (news, events, and projects) as well as by area of focus (ice, land, oceans, etc.). The site was designed to be modular and easily scalable to allow for growth over the next two years.

Rink Side

Wednesday, February 7th, 2007

Slice of Lime provided the strategy, design and development the new Rink Side website. Rink Side is a family-oriented ice skating rink/arcade room that hosts a multitude of classes, events, and parties. The website was designed to engage kids from the homepage while offering straight-forward information for parents and adults as they dive deeper into the content. Rolling over items on the homepage triggers fun animations and serves as a different way to navigate into the site. Slice of Lime set up a dynamic calendar system to organize Rink Side’s events and installed Adobe Contribute so that the internal team can manage the content on every page on their own.

Boulder Museum of Contemporary Art Website

Friday, September 1st, 2006

Slice of Lime designed and developed the new Boulder Museum of Contemporary Art (BMoCA) website. Every element on the new website, from exhibits to events to artists, is dynamically driven through a custom back-end administration tool built by Slice of Lime. The tool makes it easy for any BMoCA staff member to easily add images, exhibits, podcast archives, performances, events, education activities, and artists to the website. It also allows BMoCA to collect ticket sales through their website and manage their calendar of events.The front-end design was built to easily scale with BMoCA over time. Coded using web standards, the layout, design, and content can quickly be modified. The site is now coded with accessibility in mind, making it easier for the visually impaired to learn more about the museum.The design is minimalist, allowing the amazing artwork at the museum to come to the forefront. A new search feature makes it easy to find the artist or event you’re looking for.Slice of Lime was happy to donate its time to such a worthwhile project. We’d like to thank the incredible staff at the museum for working with us on a website that we hope will support you for years to come.

New Jibbitz Website

Friday, July 28th, 2006

Slice of Lime designed and developed the new Jibbitz website. The site is loaded with new features, user interface improvements, and administration tools. The redesign accommodates the new line of Jibbitz products which include anklets, wristbands, straps, charms, and embellishments. The user interface was updated to make it easy to navigate between all of these products while keeping the same “all-in-one” user experience that Jibbitz customers love.

Slice of Lime’s custom back-end administration tools were updated to allow the Jibbitz staff to easily upload new products, track page views, manage and fulfill orders, and accept Canadian resellers.Slice of Lime also implemented the “Jibbitz Blog”, which already has a very active user-base and continuously brings consumers back to the website.Since Slice of Lime first designed and developed the Jibbitz website in August, over 1 million Jibbitz have been sold and are available for purchase in over 2,800 retailers nationwide.

Jibbitz Store Locator

Friday, June 30th, 2006

After Slice of Lime designed and developed the Jibbitz website last September, their sales have skyrocketed. Jibbitz are now available in over 2800 stores and have no plans of stopping.

Slice of Lime was brought in again to build a dynamic store locator using the Google Maps API. Stores are added to the database on the fly as wholesale orders are taken and are immediately displayed on the map. Users can enter their zip code and specify a mile radius to search within. Clicking on the Jibbitz icons reveals the address, website, phone and other relevant information.Now its easier than ever to find the store nearest you that sells Jibbitz.

Poulter Camps Website

Saturday, May 13th, 2006

Slice of Lime designed and developed the new Poulter Camps website. Poulter Camps provides a unique outdoor camp experience for kids in grades 4-11. Campers come away from their stay with new insights into themselves. They overcome personal hurdles, find confidence in themselves, and form strong connections with their peers through teamwork.

Slice of Lime was charged with developing a website that would promote this unique experience. We did so by creating an energetic look using bold colors and lots of visuals. Key to the concept was the use of photos and videos showcasing kids participating in all the camp’s activities. Together, the design highlights the fun, excitement, and beauty of the camp.

Girls’ Wilderness

Wednesday, April 26th, 2006

Slice of Lime designed and developed the new Girls’ Wilderness website for The Women’s Wilderness Institute. Girls’ Wilderness encourages girls to get outside, learn new things and make great friends.

Slice of Lime is sponsoring this wonderful organization and is very excited to have been a part of such a fun project. The site was coded using Flash for the animation and HTML/CSS for the content areas of the site, making the pages visually interesting to look at, yet easily findable by search engines.

Poulter Camps Logo

Friday, April 7th, 2006

Slice of Lime designed the new logo for Poulter Camps. This is the first step in a larger project to redesign and develop the new Poulter Camps website. The updated logo references the camp’s 1966 foundation while introducing a contemporary, yet still outdoorsy, look and feel that will appeal to modern-day kids.

Girls’ Wilderness Program Logo

Thursday, March 9th, 2006

Slice of Lime designed the new logo for the Girls’ Wilderness Program, a part of the Woman’s Wilderness Institute. This is the first step in a larger project to create a website and viral marketing campaign for the organization.

The logo is targeted at girls between the ages of 12-17 and draws its design and color scheme from focus group research done by the institute.

Jibbitz Logo

Tuesday, November 1st, 2005

Slice of Lime created the Jibbitz logo with kids in mind. Jibbitz are small pieces of jewelry that fit inside the popular Crocs shoes. Slice of Lime created this logo to reflect the shape and lettering style of the Jibbitz themselves. The colorful logo is intended to attract kids to the product and show how much fun Jibbitz are to collect.

Jibbitz

Friday, September 23rd, 2005

jibbitz_thumb.gif

Capitalizing on the success of Crocs, Jibbitz asked Slice of Lime to create a fun Flash-based website to sell their “Croc Jewelry.” Slice of Lime did a photo shoot of all of the merchandise and designed and developed an easy to use site that is fun for kids to use and easy for parents to purchase from.

The site uses a combination of PHP, mySQL, and XML to dynamically display product images inside the Flash file. This way, product information can easily be updated without needing to edit the Flash file.