LoliWare Header
Rebrand for LOLIWARE Stationary System for Lucky Bastard Company Stationary System for Lucky Bastard Company

LoliWare WebPage

Responsive Web

LoliWare Home page

Currently the web presence lacks the same character as the product, so large type and bold colors are used to accent each cup in its own unique color. Product pages and recipe pages will be color coded to mimic each cup flavor.

Mobile Invision Mockup

All main e-commerce pages have been designed and put into an invision prototype so that you can get a real time feel for the LOLIWARE site.

Icon System

A small set of icons for organizing similar content and distinguishing small differences in recipes. Also cart and recipe icons for navigation.

LoliWare web icon system
LoliWare wireframe header

Web Process

Site Wireframes

Wireframes were created for all main pages of the site and started as a foundation for the initial design. However, the site went through many changes and the final version of the index and product pages changed drastically.

LoliWare website wireframe
LoliWare website wireframe
LoliWare website wireframe
LoliWare website wireframe
LoliWare website wireframe

Web Flow

Desktop Pages

The mobile and desktop sites stay relatively the same as they shrink and expand with only a few differences in stacking and arranging of content.

The main feature on Desktop is the rollover for the Header image.

LoliWare web design mockup LoliWare web design mockup

Package Design

Box

The packaging will consist of completely biodegradable materials and transform into covers or coasters for each cup. All you have to do it tear along the perforated edges, fold and stick together.

The "Party Pack" includes two of each cup flavor plus four signature LOLIWARE recipe cards.

Recipe Cards

There is an option to buy a larger set which will include a set of recipe cards. These cards will match the flavor of your cup and are a fun collectable so that you can make a signature LOLIWARE drink even when you are out of your favorite cup.

Advertise It

Food Truck

A new take on an ice cream truck is used to bring something familiar to this inventive product. All drinks, both alcoholic and non-alcoholic, desserts, and other custom treats will be served inside of LOLIWARE rather than the normal cone or single-use disposable ware you are used to.

This truck will be utilized at public events such as SXSW, food truck parks or just popping up unexpectedly outside parks or work.

\ LoliWare Food Truck Design, side view
LoliWare Food Truck Design, side view LoliWare Food Truck Design, side view LoliWare Food Truck Design, side view LoliWare Food Truck Design, side view
LoliWare Food Truck Design, side view LoliWare Food Truck Design, side view
Header Photo - Property of LOLIWARE
Frida Khalo Web Photo - Media Turis
Citrus Pattern for Web - Ashley Hunt
Paper System Template - Mockups Design
Truck Template - Graphic River
Truck Sign - Pixelden
Small Packaging - Graphics Fuel
Large Packaging - More PSD
Recipe Cards - Pixeden
Web Template - Pixeden
Typefaces - Google Fonts
Footer Column - w3 School