Slice of Lime has teamed up once again with Jibbitz founders, Rich & Sheri Schmelzer, and Zan O’Leary, to launch a new children’s product called GeoPalz!
Slice of Lime created the concept, design, and front-end user experience for the product’s website, www.geopalz.com.
In an article by www.usefultoy.com, the new GeoPalz product and concept are described as follows:
“Addressing Michelle Obama’s “LetsMove.gov” initiative, GeoPalz is the first decorative activity tracker and online game that allows users to earn points through physical activity. With a simple message of “Walk to Win,” activity is converted to points that can be accumulated and redeemed at the GeoPalz.com website for free activity-based products, sports equipment, games and educational-based toys.”
The website educates visitors about how GeoPalz works and provides a place to purchase GeoPalz products. Once logged in, it’s also where children can log their steps, see statistics on how far they’ve walked, earn points, and win prizes.
The GeoPalz website is a world where the GeoPalz characters live and interact with the child user. Kids simply input their GeoPalz pedometer daily total into the GeoPalz site dashboard, and the site calculates their total steps taken, gives them awards for reaching certain goals, and allows them to redeem free prizes for their accomplishments.
To purchase a GeoPal and get your little ones up and moving, check out the GeoPalz store.
Mersive Technologies develops display management software that brings simplicity and affordability to large-scale displays. Mersive looked to Slice of Lime to create a new website featuring a dynamic Flash intro and robust content management system.
Users can easily browse the site using the top navigation or the Flash animation call-to-action buttons. Diving deeper into the navigation takes the users to details about the product offerings as well as use cases for Mersive’s current industry customers.
We built the new Mersive website using the CMS, WordPress. We extended its basic capabilities to let Mersive manage multiple areas of content and images. With their new website, the Mersive team can easily add and manage pages from a simple to use, secure interface.
To find out more about the unprecedented simplicity and affordability to large-scale, beyond-HD displays from Mersive Technologies, visit www.mersive.com.
STRATFOR’s global team of intelligence professionals provides an audience of decision-makers and sophisticated news consumers in the U.S. and around the world with unique insights into political, economic, and military developments. Independent, non-partisan and non-ideological, Stratfor delivers rigorous, exclusive analysis and compelling multimedia.
STRATFOR tasked Slice of Lime to create an iPhone app that provides users with their signature combination of tactical and strategic intelligence:
Critical Intel: A ‘hot sheet’ of the most significant events around the world
Focused Navigation: Zero in on regions and topics that you need to know about
Analysis: Deep coverage of global events – why they happened and what they mean
Andrew Winston is the co-author of Green to Gold, the best-selling book on what works – and what doesn’t – when companies go green. He is a globally recognized expert on green business and is dedicated to helping companies both large and small use environmental strategy to grow, create enduring value, and build stronger relationships with employees, customers, and other stakeholders. Andrew Winston looked to Slice of Lime to refresh his website to better promote his new book and downloadable materials.
Slice of Lime redesigned and coded the new website and integrated lead capture tools to collect valuable data in exchange for access to Andrew’s PDF documents.
Newsletter subscribe boxes now live in the right sidebar, offering visitors the option to sign up for Andrew Winston’s blog and/or monthly strategy e-letter. Andrew’s visitors can also stay connected through social media links that Slice of Lime added to the header.
To learn more about how environmental strategy and thinking can help your company succeed, go to www.andrewwinston.com.
Etsy is an online retailer, unique in their global marketplace of individual sellers. Etsy tasked Slice of Lime with updating the design and development of their Community Hub. The Community Hub’s main goals are to communicate more directly with the selling community, as well as showcase, educate, engage, and entertain.
Slice of Lime created a design that uses the Etsy style guide to create a seamless experience. The target audiences are the Etsy Seller Community, prospective sellers, and anyone interested in seeing just how open, unique, and different Etsy is. By organizing the wealth of information within the Community hub section, Slice of Lime made it easy for visitors to find their desired content.
It was a pleasure working with the Etsy Product Management team and developers. We encourage you to enjoy the amazing Etsy website here www.etsy.com.
Discover more than 100 striking objects spanning 2,000 years of ancient Egyptian history in Tutankhamun: The Golden King and the Great Pharaohs at the Denver Art Museum, the exhibition’s only stop in the Rocky Mountain West. Visit Denver and the Denver Art Museum tasked Slice of Lime with creating a website to promote the exhibit and its hotel partners.
The main navigation allows the user to easily browse information about the exhibit, plan their visit to the Denver Art Museum, purchase show tickets, and book hotel packages. King Tut objects and imagery can be found throughout the site, providing a sneak peak into the exhibit’s many fascinating features.
To explore the splendor of the pharaohs starting July 11th, visit www.tutdenver.com.
tuggl connects you with local businesses committed to making the world a better place. Now you can find the local products or services you need and support causes that speak to your heart. tuggl looked to Slice of Lime to refresh their website design and meet their goals of promoting their services.
The main navigation allows the user to easily browse the tuggl concept through three billboard images. The body of the webpages display featured news, explanation of the tuggl rating system, and a list of highly-rated businesses.
To use good businesses, support good causes, and make your community a better place, visit tuggl.com.
Boulder Valley Women’s Health was founded in 1973 as a local clinic responding to local issues. As an experienced healthcare provider, they meet the reproductive healthcare needs of Boulder and Broomfield counties. BVWH tasked Slice of Lime with the design and development of their main website, as well as the website for their Teen Clinic, which offers free and confidential services to local teens.The website’s main goals are to provide current and potential patients, teachers, and parents/guardians with a place to learn more about their services, advocacy and sexual education program.
Slice of Lime developed a design for the Women’s Health site that uses imagery of the Boulder Flatirons in the header, a nod to their local service area. The website’s homepage features recent news and quick links to their frequently asked questions. The images throughout were taken inside the facility with BVWH staff, giving the user a glimpse into their in-person experience.
Many elements from the BVWH site were intentionally pulled into the Teen Clinic site to create consistency, and yet separate the personas of each. The Teen Clinic site has a decidedly more edgy feel, appealing to the youth they serve. The Teen Clinic site features lots of information about sexual health, answers to teen questions, and ways to get involved with sexual education.
The staff of BVWH is amazingly warm and friendly, and ready to see you and your teen. To schedule an appointment at Women’s Health click here, to schedule an appointment at Teen Clinic click here.
Mentor InterActive develops and promotes new products for the children’s education software and learning technologies market. Mentor InterActive tasked Slice of Lime with the design and development of a website to promote their new My Virtual Tutor Game for the Nintendo DS. The website’s main goal is to provide parents with an opportunity to learn more about the My Virtual Tutor Game products and where they are sold.
Slice of Lime developed a design that uses the My Virtual Tutor Game branded “Tutor” to guide the user through the educational strengths and features of the game. A demo and other gameplay elements were incorporated into the pages to better communicate game experience before purchasing. The path to purchasing is made easy through prevalent Buy Now calls to action.
GoodBelly is a Boulder-based company and kin of well-known Next Foods. The GoodBelly suite of products are aprobiotic fruit drink that contains lp299v, which is clinically proven to support digestive health and strengthen the immune system. Charged with developing the strategy, design, and development for GoodBelly.com, we lead the GoodBelly team through our full series of site development exercises.
STRATEGY
We started the project by meeting with the GoodBelly team to better understand their target demographic and goals. We identified the website’s main goals were to educate visitors about probiotics, promote GoodBelly’s products, drive product trial through campaigns, and generate buzz.
Information Architecture and Wireframes
Slice of Lime first created an “information architecture” document, which outlined how the website pages would be structured to work towards GoodBelly’s goals. Beyond a simple introduction to the GoodBelly product family and flavors, the website needed to immediately answer “what is GoodBelly?” and “what are the benefits?” We created a Learn section to house more in-depth information for users, and a Community section to promote trying the product through a “12-Day Challenge” campaign. Additionally, we made it easy for users to generate their own buzz through testimonial submissions and a tell a friend form.
DESIGN
We brought the GoodBelly team through several rounds of design reviews before landing on the final design. We experimented with several modern layouts that focused on clean navigation, colorful punches from GoodBelly’s packaging, and playful elements that gave the site personality and credibility. Probiotic “bug” characters pop up throughout the site, and star in a custom video that Slice of Lime created to explain how the GoodBelly products work.
DEVELOPMENT
To easily manage all of the pages and blog content, Slice of Lime integrated Wordpress as a blog and content management system. GoodBelly actively refreshes their content using this tool. Additionally, Slice of Lime extended Wordpress to make it easy for GoodBelly to create customized landing pages for AdWord campaigns. Lastly, Slice of Lime integrated code to filter all lead generation forms into GoodBelly’s CRM system.
CONCLUSION
We thoroughly enjoyed working on the GoodBelly website and getting to know their dynamic team. GoodBelly is on a roll promoting its products and uniting a community of devotees (including the Slice of Lime staff!). We’re proud to see that site traffic has dramatically increased since the launch of the new website.
Visit GoodBelly today and checkout the video on the homepage to learn more!
Pedestrian Shops offers the world’s most comfortable brands of footwear and has been family-owned in Boulder for the past 36 years. Pedestrian Shops looked to Slice of Lime to refresh their website design and meet their goals of promoting their shoes in an easy-to-navigate way, calling out coupons, advertising their free shipping, and showing off an exciting new header design.
The main navigation allows the user to easily browse by men/women/kids, brands or lifestyle. The Pedestrian Shops team uses their blog to post recent product news and local events, and stays connected to users further through their footer newsletter signup, Facebook and Twitter links.
ModMarket is a tasty 29th Street eatery that assigned Slice of Lime with developing their new website design before their doors opened for business. The website’s main goal is to promote its ever-changing local and organic menu items, as well as introduce customers to their dining philosophy.
Slice of Lime developed a minimal navigation and modern design which echos the restaurant’s interior design elements. The site content is easily managed through Wordpress, allowing ModMarket to easily update text and images on the site. Dynamic plug-ins include a Yelp! reviews feed, a Twitter feed, and photos from a Flickr feed. The restaurant advertises specials through their email sign up list, as a global element across the site.
The Slice of Lime team is wild about their soups, salads and flatbreads. To plan your next meal at ModMarket, go here for directions and hours of operation.
This is Slice of Lime’s first native iPhone Application. iWishi taps into Twitter to find what people are wishing for in real time. The iPhone version allows you to choose which character delivers your wish and loads a new wish when you shake the iPhone.
Slice of Lime created the strategy, design, and development for Set for Life Insurance by KF Financial, Inc.
Set for Life Insurance by KF Financial, Inc. is one of America’s leading life and disability insurance brokerages. They specialize in helping medical residents, physicians, dentists and other white collar professionals with their disability and life insurance planning.
Strategy
We started the project by bringing KF Financial through a strategy meeting to discuss their target demographic and goals. The main goal would be to motivate visitors to request a quote. The target audience would be medical residents, physicians, dentists, young professionals, and executives.
We brought KF Financial through 3 rounds of information architecture and wireframe reviews, solidifying the structure of the pages and elements that belong on each page.
Design
After information architecture and wireframes were approved, we brought KF Financial through a 3 round design process. We started by delivering several different design directions that spoke to their target audience and goals. By the 3rd round, we had landed on a design that KF Financial was happy with.
Development
We integrated Wordpress to manage Set for Life Insurance’s page content and blog content. This makes it easy for KF Financial to quickly login and change content, add blog posts, and moderate comments.
Lastly, we coded a “Request a Quote” form that sends information to KF Financial when it is submitted.
Reporting
We installed Google Analytics to monitor the number of unique visits and the path users are taking through the site. This data will help inform future decisions on how to update the website.
This was a fun project to work on. If you’re in the market for disability or life insurance, check out Set for Life Insurance!
Slice of Lime created the strategy, design, and development for Open Sky Wilderness Therapy. Open Sky assists teens, young adults and families struggling with difficult challenges and life circumstances. They provide a life-changing opportunity to discover and create a healthy life that is an intelligent and authentic expression of one’s true nature as capable, worthy, honorable people.
Strategy
We started the project by meeting with the Open Sky staff to better understand their target demographic and goals. We also visited with students and guides in the field in Durango, Colorado to learn more about their thoughts on the current website.
We discovered that there were two main audiences; parents who would send their children to Open Sky and young adults who may choose to learn about Open Sky on their own.
Competing on specific keywords in Google was also extremely important for Open Sky as there are other related programs that are direct search competitors.
Search Engine Audit and Recommendations
We brought Open Sky Wilderness through our Search Engine Audit and Recommendation package. This identified who their search competitors were (this list was different than their offline competitors), where their site stood with search engine rankings, and what their list of new targeted key phrases should be.
In a 36 page report, we presented this data as well as our recommendations on how to modify the new website copy, title tags, and other code to rise in search engine rankings for specific keyword phrases.
Information Architecture and Wireframes
Choosing to enroll in Open Sky is a big step. You’re either enrolling or sending your child to a multi-week program that will be an extremely new experience. We decided that being as transparent as possible made the most sense. The site is loaded with information ranging from clinical to wellness practices. It also contains full bios on every staff member at Open Sky.
We brought Open Sky through several rounds of information architecture and wireframe reviews to define the page structure and specific page elements needed to make the site a success.
Design
We brought Open Sky through several rounds of design reviews before landing on the final design. Our goal with design was to establish credibility while communicating safety, education, and a feel of what the environment in Durango, Colorado is like.
Development
We leveraged Wordpress as a Content Management Tool and Blogging solution. This allows Open Sky to manage the content on all of their pages and even add new pages over time. It also allows Open Sky to write blog posts around various topics in the industry, establishing them as a thought leader on wilderness therapy.
We extended Wordpress to manage their photo gallery and password-protected parent’s section. The Parent tool in Wordpress allows Open Sky to add students and upload images and communications from specific students to their parents. We coded a place for parents to login and view this information whenever they want.
Conclusion
Open Sky Wilderness Therapy was an extremely rewarding project to work on. The work that they do is commendable and the opportunity to help tell their story through the web was an honor. We’re proud to see that site traffic has dramatically increased since the launch of the new website.
Visit Open Sky today and checkout the video on the homepage to learn more!
Slice of Lime created a custom illustrated and animated demo for GoodBelly highlighting the importance of probiotics, how they work within your system, and why GoodBelly’s probiotic fruit drink is a great choice.
We brought GoodBelly through several rounds of storyboards and helped them fine-tune their script to best tell the story. Using a professionally-recorded voiceover track, we illustrated and animated characters to act out the story for the end-user. The end result is a fun, viral, and entertaining walk-through of the power of GoodBelly probiotics.
Slice of Lime created the web strategy, design, and front-end coding for Ignighter. Ignighter is a group dating website. What’s group dating, you ask? It’s a fun and safe way to meet people by going out with your friends to meet other groups of friends.
Ignighter was part of TechStars, a summer program that accepts 10 startup companies to fine-tune their concept and build their idea through the help of excellent mentorship. Slice of Lime sponsors TechStars each year and got to know the Ignighter team early in the process.
Strategy
Identifying High-Level Goals and Target Demographic
We started by bringing Ignighter through a strategy conversation to dig a little bit deeper into their target audience and goals.
Ignighter had clear goals:
Create a more intuitive sign-up process
Create a better look and feel
Attract more women to the website
As well as a clear target audience:
21-35 single people
People tired of typical dating sites
Targeting women is more important to them than men (men were already dominating the site based on Ignighter’s metrics at the time)
User Chart
To visualize the cross sections of their current users and target users, we created a user chart:
While Ignighter has a broad range of users (18-40), we agreed to focus on their core group of users, which fell into two categories; 21-27 year olds and 28-35 year olds.
Focus Groups
Admittedly, the predominantly male staff at Ignighter and Slice of Lime was not in sync with what a single woman would be interested in when it came to a group dating website. The appropriate next step was to conduct detailed focus groups.
We conducted many focus groups both in Boulder, Colorado and New York City, targeting the two demographic categories identified above. All focus group interviews were done in person and followed a similar line of questions. We were particularly interested in how our subjects communicated with one another, what social media tools were being used, how our subjects felt about dating in general, and how our subjects felt about online dating sites.
We took notes, pictures, and video of each group.
Some of our findings included:
“Texting” is by far the preferred method of communication
Calling on a cell phone and then Facebook were runners up to texting
Dating sites are considered lame, but once “group dating” was explained, they liked the concept
They didn’t like dynamic pictures on homepage – too off-putting. Preferred staged “real people” pictures.
We were surprised to learn that no one in any of our groups (at the time) used Twitter or owned an iPhone.
Below is a quick clip of how one group of subjects in New York City reacted to a competing website:
Personas
After the focus groups and research was complete, we were ready to compile “personas.” Personas are fictitious representations of people that we expect to use the Ignighter website. By putting a name to a user, we’re able to reference them as we build the structure and design for the website.
Here is a sample persona document that we used with Ignighter:
Information Architecture
Information Architecture is an important step that visually represents the structure of a marketing website and/or web application. In Ignighter’s case, we’d be doing both. The information architecture below shows a “logged-in” view of the Ignighter application. We also created a logged out view and a marketing site/sign-up process view.
Wireframes
After the information architecture was signed off on, we moved into creating “wireframes.” Wireframes help identify the key elements needed for each page. Featured below is a wireframe for the Ignighter “Dashboard”, a key page in the user experience. The smaller images below show some other wireframes used for Ignighter’s initial sign-up process.
Design
After completing the strategy component of the website, we were ready to move on to design. We brought Ignighter through several rounds of design reviews for both the marketing website as well as the user experience of their application. Below are several design approaches for the Ignighter homepage:
Development
After design was approved, we coded the site using XHTML and CSS. Back-end development would be done by Ignighter’s internal team, so we set up a work environment that made it easy for us to provide front-end code and graphics without disrupting their work flow.
Conclusion
Ignighter was a pleasure to work with. One thing we love about their team is that they understand the importance of metrics-based changes. They measure all activity on their site and continuously play with new ways of signing people up, new homepages, and other tweaks to see what resonates best with their audience. By making changes based on audience feedback and participation, they are growing a successful business around a novel idea.
The Denver Art Museum’s Creativity Resource for Teachers website makes it easy to learn about different pieces at the museum and create associated lesson plans.
Strategy
We started by defining the target demographic and goals of the project. The main user of this website would be teachers with varying technical abilities. We therefore needed to create a site that, while feature rich, would be easy for any type of user to navigate. We kept navigation to a minimum and built in tools to create rich experiences within the content of each page.
Design
We carried elements from the main Denver Art Museum website forward into the Creativity Resource for Teachers website. This helps maintain a visual consistency for the Denver Art Museum brand. We combined pictures of students learning with the art pieces themselves on the homepage to illustrate the focus of the website.
Icons and calls to action across the site are big and colorful. From a usability perspective, we wanted all features to be clear and easy to use. View the video below to see a typical path a teacher might take through the site.
Development
We used Wordpress to power all of the content of the site, from storing images, videos, and audio to organizing lesson plans and lesson plan authors. The staff at The Denver Art Museum has access to Wordpress so that they can easily manage all of the content on the site and add new content over time.
We also added Flash, AJAX, and jQuery on top of Wordpress to enhance the front-end user experience. Sorting the art images, for example, pulls content from Wordpress dynamically using AJAX (see image below).
We had a great time working on this project. The site has received extremely positive feedback from the teacher community and we are continuing to make enhancements based on teacher recommendations.
TechStars is a summer program that helps get a small set of startups funded and off the ground while learning from the best. Slice of Lime has worked closely with TechStars for the last three years, including doing a previous version of the website. Slice of Lime re-invented the TechStars website this year to reflect the hands-on “getting things done” mentality of this summer program.
Design
Familiar graphical elements associated with a busy workplace are used throughout the site. Scotch tape holds up a list of mentors, a Polaroid photo highlights featured stories, a torn piece of paper with duct tape shows a list of the latest things happening at TechStars. Hand drawn arrows and whiteboard markers sitting at the bottom of the design help continue this theme.
Development
TechStars is completely driven by Wordpress. Every time a “mentor” is added as a page to the website, the small photo of the mentor automatically shows up on the homepage.
Similarly, as new companies are added to the site, they show up in relevant places throughout the site without any extra coding needed. With the flexibility found within Wordpress, TechStars founder, David Cohen, had no problem keeping the site updated with fresh data throughout the year.
We had a wonderful time building this site and working closely with the TechStars teams this summer. We made some great friendships and look forward to continuing our support of the program in future years.
Everywun.com takes an innovative approach to philanthropy: make it fun and easy to support causes without spending a dime.
Slice of Lime worked closely with Everywun to create an exciting new brand, strategy and design that matched their unique vision.
Strategy
Slice of Lime’s challenge was to create a strategy that tied various actions such as playing trivia, adding badges to Facebook, attending events, volunteering and more into a cohesive, fun and easy-to-use experience that also incorporated ad-supported sponsorship in a tasteful, trusting way.
Highlights:
Everywun Credits – Every action a user takes (trivia, badges, etc) earns them credits they can use on the cause of their choice. It empowers users to make a difference on their own terms, and return often to support multiple causes.
Dashboard – The starting point for users is a dashboard where they can view and use credits, take action and earn credits, and see the total impact made.
The strategy was a win-win for users, sponsors, and most importantly the causes receiving support.
Design & Development
Slice of Lime designed a look-and-feel that used natural textures and colors mixed with clean, modern UI elements to reflect Everywun’s grass roots, real-world approach, along with their progressive use of technology.
A series of templates were developed using XHTML, CSS, JavaScript and WordPress, and then handed-off to the Everywun team for back-end integration.
Highlights:
Interactive Overview – JavaScript was used on the home page to quickly let users learn about Everywun, how it works, and how easy it is to make a difference.
Impact Viewer – A rotating tally of the impact being made by Everywun users was used throughout the site.
Twitter & WordPress Integration – Everywun’s latest Twitter status and blog posts were utilized to promote their message via social media.
Results:
Everywun’s site visits immediately tripled and users were quickly earning and using credits to make a better world.
The site was also featured on several CSS galleries including CSS Mania and Most Inspired.
Slice of Lime created the strategy, design, and development for the new Denver Art Museum exhibit, “The Psychedelic Experience.”
Strategy
We started by exploring the strategy of the overall project, diving into goals and target demographic. While the exhibit would definitely appeal to the 60s generation, creating something as accessible as possible to a wide range of museum-goers would be key.
We opted to “get out of the way” of the design and let the artwork speak for itself. The posters created during this era are incredibly rich and intricate. Adding too much to the design surrounding the posters would only detract from the art.
We also decided to integrate one of the exhibits interactive components with the website. Visitors to the exhibit can leave video messages about their thoughts on the 60s. These videos get automatically uploaded to YouTube. We coded the website to automatically pull these YouTube videos into the online experience.
Design
The magnificence of these posters speak for themselves. We purposively created a minimalist design to help showcase the bright colors and intricacies of the artwork.
We also carried a few themes through to the website that exist in the show. For example, some of our headlines use a vibrating color technique used in the 60s with quotes from the era.
We also incorporated the artist’s actual signatures and quotes from those artists.
Development
We made sure that the site was coded to be completely scalable. Every page can be managed by the staff at The Denver Art Museum. As posters were added at the last minute to the exhibit, they instantly showed up on the homepage, the poster overview page, and the poster detail page.
We used Wordpress to manage the site content, posters, and artist information. We used Flash and some other Javascript tools to create a smooth experience as a user navigates the website. Watch the video below for a taste of what it’s like to navigate The Psychedelic Experience website.
This exhibit is running March 21, 2009 – July 19, 2009 in Denver. We’d highly recommend checking it out. It’s an amazing installation that brings a deep appreciation to an art form that’s not normally recognized. The exhibit also includes many interactive aspects like creating your own poster.
We were honored to create the companion website and to see how well the work we did contributed to the exhibit itself and visa versa. Once again, working with the great folks at The Denver Art Museum was…far out.
Most of the Big Green Rabbit site that we created is in Flash. Unfortunately, that means that the vastly increasing amount of iPhone users can’t experience the site. We created an iPhone optimized version of the site that allows users to view some of the Big Green Rabbit’s most popular videos. The iPhone is automatically detected when typing in their main URL and presents the user with the alternate version. Clicking on a video launches the YouTube application and plays the video right on their phone.
Slice of Lime was asked to develop the strategy, design, and development for the Big Green Rabbit website. Already a popular PBS show, the website’s objective is create an immersive and interactive online experience.
Kick-off
As with all projects at Slice of Lime, we started with strategy first. Big Green Company had already compiled rough ideas around what they wanted the website to do and who their target demographic was. With a focus on children aged 2-8, it was agreed that the website should not be like the typical cluttered web experience. Even popular kid destinations, like Disney.com, had far too much noise and distraction for our tastes.
Instead, the site would have simple, friendly navigation, bright colors, and plenty of animation, sounds, and voice overs. Above all else, the website would encourage exercise – a key component of the TV show.
Since Big Green Company is grounded in the world of broadcast television, we found that the best way to communicate our ideas was through storyboards and scripts instead of information architecture flows and wireframes.
We started with storyboards to visually outline the 4 main areas of the website experience; Play a Game, Watch a Show, Learn a Dance, Sing a Song.
Each panel in the storyboard outlined not only how we would would flush out the site visually, but it also described the functionality, special effects, and script elements that would be needed along the way. We also took time to define complicated areas of the site, like “game play.” What should the games be? How complicated should we make them to solve?
Using the storyboard as our foundation, the writer for the Big Green Rabbit TV show was able to create the script for the website.
From there, we create a master “Assets List” which was comprised of over 2,000 individual elements needed to make the site function properly. This included sound effects, audio, video, and animation elements.
Video Production
Armed with the script, storyboards and assets list, we led a 3 day video shoot and audio session at the Comcast Media Center.
This is where we shot all of the blue screen footage of Charlie (the Big Green Rabbit) and Isabelle (the show’s star). All in all, we captured about 75 individual video clips and 300 audio clips to use with the website. We took alternate video shots of Charlie and Isabelle, some with them walking across the blue screen and others with them walking in place so as to give ourselves options later on in the process. As it turned out, we used the walking in place clips because they had a much smaller file size and improved the user experience.
Development
After the video shoot, we began assembling the framework of the website. It was important to us that we use a system that allowed the site to grow over time and to easily swap out elements as new “episodes” of the site rolled out. For example, we created physics algorithms within Flash that dictated how signs hanging from the top of the page would randomly swing. This made it easy to add new signs and apply that same function to them.
Another example is our “bouncing ball mechanism”, custom code that made it easy to plug in words to the Big Green Rabbit songs and have a bouncing ball dance across each syllable of the word as the song played. Once this mechanism was built, future songs were added quickly.
We worked with the talented Bernard Derriman from Squetch for all of the character animation. We provided him with our storyboards and described the character interaction to him over Skype (he lives in Australia). He would start by turning around some basic animation boards.
After making revisions to the animation boards, Bernard created full color Flash animations and sent them to us. From there, we tweaked the animation to fit with the rest of our framework.
We introduced “getting exercise” into the site with our Learn to Dance section. Isabelle teaches you the basics of each dance (6 per webisode), then teaches you to music, and finally teaches you with an animated music video.
We also spent a good amount of time optimizing the site for performance. Because the site has such a wide audience, we wanted to lower the barrier to entry as much as possible while balancing the fact that the site should be highly interactive. We tested bandwidth issues constantly, finding ways to cut down on file size along the way.
We developed the site in an iterative fashion, flushing out one section at a time and testing that unique section. We were careful to make sure that the site was usable for our target demographic. Our navigation had text, but what if our visitor can’t read yet? We used a consistent color palette for each section and used voice overs to tell our visitors what section they were about to navigate to.
Interactive Testing
As the site came together we agreed that it was important to test our audience.
Using the camera built into our laptops, we travelled to friends’ homes who had children in our age range. As the child interacted with the site, we used software to track their facial expressions and where they were clicking. This provided invaluable feedback and led us to make several significant changes to the interface of the site.
Analytics
Lastly, we setup Google Analytics inside Flash to track where visitors to the site were clicking and where they were visiting from. This data will help inform future changes that we’ll make to the site. We are also gathering data through customer uploads on YouTube and other social media sources. For example, here is a video uploaded by a fan of the website on YouTube. It is an excellent glimpse into how people are using the site and required no action on our part other than searching for the content itself:
We invited you to check out the Big Green Rabbit website. We had a great time working on it and with the amazing folks at Big Green Company. As Spud, the couch potato, likes to say on the site, “Go on, click on Charlie!”
Slice of Lime built this site in under an hour to demonstrate the power of Twitter, to spread some holiday joy, and to hopefully raise some money for the fabulous Make-A-Wish Foundation of Colorado.
The site taps into what people are saying on Twitter in real time, filtering the results to only include people making some sort of wish.
Slice of Lime created the new logo for Genlighten. Genlighten helps you obtain copies of crucial genealogical source materials from local “lookup providers” at surprisingly affordable rates.
We started the project with a strategy conversation to help us better understand Genlighten’s core demographic as well as the philosophy behind the name itself. From there, we decided to focus on a logo that would relate to genealogy as well as the word “enlighten” that is hidden within the name itself.
We started with a wide range of logo options for Genlighten to choose from.
While hesitant to use a tree or leaf image at first, we all decided that this would be the best way to communicate that this is a genealogy-focused site. What we instead played with was ways to bring “enlightenment” into the picture.
We landed on the final logo that depicts a tree with an aura around it. The leaves are almost little flames in themselves which bring to mind “light” while the glowing tree taps into the more spiritual interpretation of “enlightenment.”
Genlighten was very happy with the end product and went on to write their own blog post about their experience working with us. You can read that blog post here.
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:
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.
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.”
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.
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.
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.
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.”
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.
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.
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.
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.
We also added in the ability to add comments, embed bottles as widgets on other sites like MySpace, and to rate bottles.
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.
MyAlohaVibe.com is an online activity guide that serves as a fun and personalized guide to the State of Hawaii.
We started the project by presenting several design directions that would fit within their WordPress template structure.
After several rounds of reviews, we landing on a design that matched the new brand color scheme and prioritized the goals of the site; to collect user registration and make it easy for people to find the perfect restaurant.
We’re looking forward to seeing how the WhatsMyVibe brand and websites mature over time.
Slice of Lime created a family of logos for “What’s My Vibe,” a company that will host a series of region-specific travel websites. To start, the websites will feature local restaurants, complete with user ratings and comments.
While each region will ultimately have it’s own logo, we wanted ALL logos to maintain a familiar look and feel.
We created a “vibe” icon and chose a font that remains consistent across the entire family of logos.
The tagline (“the restaurant guide of las vegas,” for example) and featured location (“MyVegasVibe”, for example) can easily be changed without altering the overall feel of the brand.
The multi-colored “Vibe” in all of the logos serves as a color palette for the site itself. Depending on the feel of the website, locations can choose a primary color from one of the four colors.
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.
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.
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.
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!
Slice of Lime created the strategy, design, and development for Pedestrian Shops. Pedestrian Shops has been family owned in Boulder, Colorado for the past 36 years. They pride themselves on offering the world’s most comfortable brands of footwear and encourage their customers to enjoy life and take a walk.
We started the project by focusing on strategy. It became clear through meeting with Pedestrian Shops that a core differentiator was their connection with the “Boulder-lifestyle.” Eco-friendly, laid back, and outdoorsy. This gave us a good start as we explored different ideas during the information architecture process.
We decided that one way to set the site apart from others would be to play up their focus on the Boulder lifestyle. This would involve an earthy approach to the design. We created a navigation path for users to browse the site with terms like “Hiking and Trail Running”,”Walking”, and even “Vegan.”
We also created a system that made it easy for visitors to combine different search criteria to find the perfect footwear. For example, we felt that there should be no reason a visitor couldn’t search by gender, type of footwear, brand, lifestyle, and price all at the same time.
On the back-end, we tied their inventory directly into their existing point of sale system. We also added some extra features through a password-protected administration tool that allows Pedestrian Shops to add things like color swatches to footwear. In the example below, a visitor would click on the color Croc that they want and the main image above would immediately show the choice they made.
Lastly, to maintain a connection with the Boulder community, we established an easy to update blog for Pedestrian Shops. This is where they can talk about their environmental approach to business, make announcements, and show the most recent press that they’ve gotten.
It was an honor to work on this project with Lauren and Richard Polk at Pedestrian Shops. Their business has been a staple in Boulder for over 30 years and it was our pleasure to create a website that reflects their culture and optimizes their business.
TechStars is an organization that accepts 10 startup companies every summer and offers seed funding, mentorship, and great connections. Slice of Lime is a 2008 TechStars sponsor and we will be offering our time to each of the accepted companies to talk about their web strategy, design, and development. Additionally, we were brought on to create a new website for TechStars.
We started the project by sitting down with David Cohen, the founder of TechStars, and discussing the overall strategy and target demographic of the website. It was clear that a strong call to action to apply was the most important. Featuring the amazing TechStars mentors and organization details were a close second. We also felt it was important to use pictures from the previous year to help show what the summer is really like. We decided to stay away from polished photos and leaned towards photos showing the 2007 TechStars in action.
We established a simple information architecture and spent time refining the homepage wireframe, the most important page of this site.
Since one of David’s requirements was to manage the content on most of the pages, we agreed that WordPress would be the best tool for the job.
Slice of Lime configured WordPress so that David could manage mentors, for example, in one place. The website would then instantly create an individual mentor page, a page that listed ALL of the mentors, and a scrollable mentor list on the homepage.
Leveraging the same features of WordPress that we used for mentors, Slice of Lime configured WordPress so that David could also manage previous TechStars companies. With a few clicks, company descriptions, images, Flickr photos, graduation year, RSS feeds, and even Slice of Lime’s job listing application, TopShelf, can be added to the site.
The site was fun to work on and reinforced our appreciation for WordPress as more than just a blogging tool. We’re looking forward to getting to know the new 2008 TechStars!
Slice of Lime is proud to announce its first internally-built web-application, TopShelf. TopShelf makes it easy to manage your job openings and to place a widget on any website.
We decided to build the app for two reasons.
A client needed it: A new client, TechStars.org (new site will be launching soon), needed a tool that allowed multiple companies to manage jobs in one site. The TopShelf application and widget makes it easy to do this and to customize the job listings using a local stylsheet.
We’re moving towards Agile Development: More and more of our projects are falling into the “web application” category and have much larger scopes than projects we did 3 or 4 years ago. As such, we’re finding that an Agile Development approach may be more appropriate in these cases (building websites in several iterations vs. all at once). TopShelf launches today with a very simple set of features and is fully functional. From design to final code, it took 8 hours. However, we have a large laundry list of ideas that we will be rolling out in the following weeks and months. This gets the application out to the public faster and allows us to incorporate real feedback into our iteration decisions.
TopShelf allows you to manage a list of your job openings.
Job Details are simple and include Job Title, Location, Description, and Contact Email.
The most useful function of TopShelf is the Widget. Any user can copy this code into their corporate website or blog (or both!) and their job listings will be presented as a bulleted list. This list can be styled using a local stylesheet so that it matches the look and feel of any website it is placed on.
Stay tuned for more enhancements to our TopShelf application as time goes on. There’s a lot that we have planned. For now, please sign up and send us your feedback!
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.
We started with a few strategy conversations which lead to the above Information Architecture, outlining each page of the site and high-level functionality.
From there, we created “wireframes” which captured the core elements needed for marketing and application oriented pages.
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.
You may already know Lee Anne Wong from Bravo’s reality series, “Top Chef.” Since then, she has been working as the culinary consultant for the new Warner Brothers remake of “Mostly Martha”, serving as Supervising Culinary Producer for Season Two of Top Chef, and staring in Bravo’s weekly webisode series, “The Wong Way to Cook.”Always busy – and always cooking – Lee Anne needed a website that reflected her fun personality and also served as a resource for fans.To give Lee Anne maximum flexibility, Slice of Lime created a blog-based website using Movable Type. This allows her to easily enter information on what’s going on with her career or to enter new recipes. We also installed SlideShowPro so that she can manage photos as well. The blog and photo content is distributed throughout the site, making it easy for users to quickly view only recipes, for example.If you poke around a bit, you may find the hidden “pork page.” One of Lee Anne’s favorite foods is pork, so we dedicated a secret page just to that.Lee Anne is currently getting ready to produce Season 3 of “Top Chef.” It was fun working on this project with her and we’re excited to see how amazing her career is going. Bon appetit!
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.
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.
Many options are available to the user such as Croc color, strap color, and even their “Scene”.
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.
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.
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.
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!
Ferguson & Shamamian Architects, LLP is widely recognized for residential design in tradition styles, particularly those with classical origins.
Slice of Lime was tasked with creating a minimalist web design for Ferguson & Shamamian that would serve as their online portfolio. We all agreed that their beautiful architectural designs should be the main visual elements on the page. We would use smooth Flash transitions to communicate the elegance of Ferguson & Shamamian’s work.
Because the structure of this site was so simple, we focused our efforts on trying out different minimalist design concepts.
We ultimately landed on a strong, single-image homepage design. The “Portfolio” section has an intuitive navigation structure, making it easy for current and potential clients to browse houses, apartments, and outbuildings by location.
Slice of Lime also addressed one of Ferguson & Shamamian’s past issues, the need to keep the website fresh with content. Slice of Lime built a back-end administration tool to make it easy for Ferguson & Shamamian to add projects, project images, and news.
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.
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.
Visitors can also apply a range of toppings, from chocolate chips to sprinkles.
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.”
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.
Slice of Lime helped Blue Cross Blue Shield of Illinois reach a younger demographic by building “Gravity Man”, an interactive game that appears between online TV episodes on ABC.com. Based on the familiar “three lives and you’re out” structure, Gravity Man let’s the user choose from three sports-based characters; a cyclist, skateboarder, and rollerblader. One of the unique aspects of the game is that the user can draw their own course using the pencil tool. Once game play commences, trees and hearts fall along the course. Hitting a tree causes the character to crash. Collecting all of the hearts means you win the game.
When a character crashes, an ambulance comes to their rescue.
Then comes the Blue Cross Blue Shield pitch, “If you crash, we can help.” A viral component was added so that the user can send the game to a friend. Of course, the user can also replay the game as much as they want.
PhotoVu frames are simple, easy-to-use digital picture frames with the clarity, brilliance, and round-the-clock silent operation to let you enjoy your entire photo collection each and every day. Slice of Lime was brought on to create a website that represented PhotoVu’s high-end frames and technology while allowing users to experience a shopping cart like no other.
We started by exploring the target demographic for PhotoVu which was primarily composed of middle to upper class people with an appreciation of fine quality items. We decided that it was the emotional experience of the frame, rather than the cool technology behind it, that needed to be the focus of the website. Detailed technology information would be placed a layer or two deep into the site for those that were interested. From here, we were able to create information architecture and wireframes for the site.
It became clear that an elegant shopping solution, in which a user could pick their frame options as if they were in a high-end framing store, would be key. We used Flash to create a shopping experience that was intuitive and highlighted not only the high-level of customization but also the frame functionality itself with photos rotating in and out while in the cart.
A simple interface in the builder makes it easy to select frames, bottom mats, top mats, and a variety of sub-categories within each. Popular combinations are offered for those who’d rather have the work done for them.
Even the wall color can be changed to match the user’s own home and to give them a better of idea how the frame will look once installed.
This was a fun project to work on that highlights our strategy, design, and development skills (including Flash and PHP/mySQL).
Slice of Lime created a Flash demo for Wynn Resorts that pitched an exclusive podcasting solution for their premier customers. This rich demo includes embedded video, voice overs, and animation to help drive the concept home.
Founded by Shawn Phillips, of EAS, Full Strength Premium Nutrition Shake is the world’s first performance fast food. It is a delicious total nutrition shake that quickens your body, sharpens your mind, and keep you strong all day long.Slice of Lime created the strategy, design, and development for the new Full Strength website as well as the skin for their existing e-commerce solution. With a focus on benefits, Slice of Lime created a site that appeals to men looking for a more balanced life – both mentally and physically. The site is a combination of web-standards based code and Flash, including a custom Flash audio player that highlights Shawn Phillips’ responses to frequently asked questions.
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.
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.
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.
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.
Slice of Lime designed and developed the website for Blink Gallery, Boulder’s premier contemporary art gallery. With a steady rotation of art pieces, it was necessary to build an easy to use web-based administration tool to manage artists, artwork, and data such as medium, dimension and pricing.Slice of Lime created such a tool to manage not only the artists and artwork, but also Blink Gallery’s news and events sections.The site design is minimalist, reflecting the interior design of the gallery. The amazing contemporary art featured on the pages speaks for itself.
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.
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.
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.
Click here to see a larger versionSlice of Lime designed the NewsGator product logos to represent NewsGator Online, NewsGator Inbox, NewsGator Private Label Solutions, NewsGator Enterprise Server, NewsGator Media Center, FeedStation, and NewsGator Mobile.The project brings a common design theme to all of their various offerings. Now, it’s easy to identify one of NewsGator’s products as part of a larger family.
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.
Slice of Lime developed the website for the Ultimate Electronics “Ultimate Ride” website. This work included all of the Flash animation, video implementation, and coding. Slice of Lime created a custom back-end content management system, making it easy for Ultimate Electronics stores to upload pictures of car audio installs and for Ultimate Electronics administrators to approve, decline, or modify those image uploads. Slice of Lime also created a custom slideshow that displays the approved car audio installs and images.
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.
Slice of Lime designed NetNewsWire’s 21st Annual Editors’ Choice Award poster for display in the Macworld booth at the upcoming Macworld Expo. Since tradeshows can be overwhelming, our approach was to make this poster as easy to read as possible with the minimum amount of text. The poster clearly states the product name, the fact that it just “grabbed an Eddy”, and its affiliation with NewsGator.Congratulations to NetNewsWire for winning the Eddy for a second time!
Slice of Lime developed the Ultimate Electronics Intechxication Website just in time for the holidays. Slice of Lime was responsible for all Flash animation and Flash/PHP coding. The site features games, surveys and other fun areas that all use dynamically driven content.
Slice of Lime created a custom, back-end content management tool so that the staff at Ultimate Electronics can manage story and image submissions from their customers, survey questions and answers, hangman game words, and other items without needing to touch the Flash file.
Slice of Lime designed and developed the SalonQuest website. This is the consumer-facing website for SalonIQ. Consumers can search for a salon in their area or find where a specific stylist is working. The information is database driven, feeding off of live data collected on SalonIQ.
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.
Slice of Lime designed the News Hound Logo for The Denver Post. This project, in cooperation with Slice of Lime’s client, NewsGator, put a friendly face on a consumer-oriented RSS reader. The goal was to introduce RSS aggregation to The Denver Post’s readers without intimidating them with complicated words and acronyms. The News Hound was our way of communicating the idea of “fetching” stories based on reader preferences.
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.
Slice of Lime updated the NewsGator website to better reflect their growing list of products. The new site is more consumer-friendly, offering some insight into what RSS is all about. It also speaks to business professionals and those looking for enterprise level solutions.In the first week of this design launch, the website subscription rate jumped up by 200%.
Slice of Lime designed and developed the Twenty80 website. Twenty80 is a lead-sharing website that encourages user interaction and an honor-based reward system. The site stores user information, user connections, sent and received leads, reward points, membership type and status and more. Despite the robust functionality of the site, Slice of Lime designed the site to be extremely straight forward and easy to use from the start.Are you a Twenty?
Slice of Lime designed and developed the new SketchUp website for @Last Software. SketchUp makes 3D modeling easy for everyone. The goal of the new website was to target a broader range of industries while staying loyal to their existing user-base of architects. A secondary goal was to organize a huge amount of information (product descriptions, training, downloads, support, events, education, etc.) into a clean and simple user experience. With a website that was easy to navigate, users were more convinced that the product would be easy to use as well. The strategy worked and @Last experienced a 23% increase in sales for their SketchUp product after launch.
Slice of Lime designed the Umbria Election 2004 website, which was featured on CNN. The site tracks 3.5 million weblogs to better understand what people are talking about and the characteristics of the people doing the talking. Opinions on various hot button issues between Bush and Kerry are reported on using Umbria’s amazing technology.
Critical Intel: A ‘hot sheet’ of the most significant events around the world
Slice of Lime created the new logo for Genlighten. Genlighten helps you obtain copies of crucial genealogical source materials from local “lookup providers” at surprisingly affordable rates.
While hesitant to use a tree or leaf image at first, we all decided that this would be the best way to communicate that this is a genealogy-focused site. What we instead played with was ways to bring “enlightenment” into the picture.
You may already know 
To give Lee Anne maximum flexibility, Slice of Lime created a blog-based website using Movable Type. This allows her to easily enter information on what’s going on with her career or to enter new recipes. We also installed SlideShowPro so that she can manage photos as well. The blog and photo content is distributed throughout the site, making it easy for users to quickly view only recipes, for example.If you poke around a bit, you may find the hidden “pork page.” One of Lee Anne’s favorite foods is pork, so we dedicated a secret page just to that.Lee Anne is currently getting ready to produce Season 3 of “Top Chef.” It was fun working on this project with her and we’re excited to see how amazing her career is going. Bon appetit!
Slice of Lime designed and developed the new 