Check out my work

"Just amazing!”  - Jann Bartolo, Dianda Vineyards
001

FUBAR.com and mobile app

For over 7 years, I created art direction, web design, mobile apps, UI design, logos, icons, virtual goods, animations, advertisements and special projects for Social Concepts, Inc., publishers of fubar.com, the world's largest online bar and social networking game with over 10 million members. These are some of my work samples from that period 2010-2017.

The sign-in page for any social networking start-up is a serious matter. Fubar.com needed an entire reinvention of their brand. This was one of my first redesign projects at Social Concepts. I delivered this "Best Kept Secret" design that introduced a entirely new look and increased clicks significantly.

Web Design
Icon Design
VIEW PROJECT
002

new look
new feel
IMProved UI

In this example, I created custom graphics, a new sign-in form, new copy and design elements. I simplified the user interface by the consolidation and reorganization of the needed actions. These modifications enhanced the user experience and visual interest .

Web Design
Icon Design
VIEW PROJECT
003

functional design
The bling shop

Prior to my work at fubar, a bling page existed but felt like an empty canvas. Upon arrival, my boss touched on the importance of bling as a revenue source. I reinvented the page, introducing vibrant engaging graphics that enhanced the user experience. The new design greatly improved the visual interest and function of the bling shop. This page is still in use and drives the website revenue through its organized, cohesive layout. 

Web Design
Icon Design
VIEW PROJECT
004

Drinks Anyone?

An important and fun aspect of fubar.com is the ability to give users virtual drinks of varying strength.
For the fubar "Drink's Page" redesign, I improved the user interface by reorganizing the existing information into easy to read sections. I created the bar scene background image, designed new typography animations and added new user-friendly tabs that navigate to the nested sections of virtual goods.

To see the "Drinks Page" before my redesign, click the "View Project" button.

Web Design
Icon Design
VIEW PROJECT
005

Virtual goods
king of bling

I created thousands of these virtual goods for fubar's mobile app and website bling shop. Each animated gif is carefully crafted to make you want it! When I began to design these items, a spike in our bling sales was immediately evident, I was told sales rose over 35%! The virtual goods I created outsold the items the company outsourced for design.

Along with the items we planned for, I was given creative freedom to create what I wanted for these collectable items we call bling. I created our daily featured bling items, weekly limited edition bling and our popular seasonal collections.
Additionally, I was in charge of managing and archiving all our in-house virtual goods. Here are examples of bling items I've created. Mesmerizing right?

Web Design
Icon Design
Alice with bunnycheshire catCaterpillar smokesMad HatterWicked QueenDiamond MoonAir Force DayCali LovePuerto Rico ReliefHugh HefnerGem HeartMoon LandingTrue Love sellRomantic skullLover Boy skullFatal Attraction skullDubs Work ChampsLollipop dayLove Las VegasNational GuardGenePaulPeterAcePinup 1pinup 2Pinup 3pinup 4Hot Mexi LipsF-CancerbutterflyHurricane Irmaburning sunHappy Pupunicornblue diamondPink Diamondgold diamondgreen diamonddiamond maskCoast GuardChuckyPinheadExorcistCoast GuardRaging BullShark Weekspiked pumpspink skullOctoberfestElephant Appreciation DayTigerS F GiantsScary ghoulBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe RuthieBabe Ruthie
001

mobile app design

This is the fubar app icon. When I created this design I felt good about the icon and emailed it to my boss for his review. Boom, it was on the fubar website in about 30 seconds.
I used the fubar logo font Palatino and gave it a custom treatment using illustrator. I have a love for typography, I was comfortable with the direction. The tilted type added interest for me, something a little different - like fubar.
I'm happy to say, the company felt my design was a winner, a solid choice and logical progression of the fubar brand into the mobile app market.

Web Design
Icon Design
VIEW PROJECT
002

app cover design

The app cover design I created here was the 1st generation featured on the app. I created the artwork from scratch, it was important to me that the artwork was original.
The beer icon I designed is featured prominently here. I created the vector icon using an old beer graphic that has been on fubar's popular "Happy Hour" section for years.
I wanted fubar members migrating to the new mobile app to instantly recognize this as the official fubar app. This cover image is viewable for a mere second, so it was important to convey fubar's new branding instantly.

Web Design
Icon Design
VIEW PROJECT
003

app icons
User Interface

Creation of icons to navigate the fubar app was an important UI design consideration. Creating the apps digital assets took careful planning. User interface, color, sizing, and placement were all important decisions.
I worked closely with our mobile app engineer, creating visual icons as the actions were being programmed.
All fubar apps feature a user friendly icon menu. Animated power-up icons appear on a members profile picture when activated. These are all effective visual guides to fubar's rich content and interactive game actions.

Web Design
Icon Design
VIEW PROJECT
004

app Virtual goods

I designed and produced animated power-up icons. In addition, I created fubar's seasonal, limited edition and special collections of animated virtual goods.
Power-ups are a big part of the fubar game. Members utilize power-ups to gain special abilities, magnify their visibility and game status.
Included here are samples of power-up icons and seasonal bling items I created.

Web Design
Icon Design
VIEW PROJECT
005

IPAD cover design

Cover design translated well to all mobile app formats.

Web Design
Icon Design
VIEW PROJECT
006

APP Icon

The fubar app icon is a standout in the app store.

Web Design
Icon Design
VIEW PROJECT
007

virtual goods
Special collections

I'm an expert in the creation of animated virtual goods. I created hundred of themes and thousands of individual items. Special collections like the "Flowers" collection shown here, are well received by users of the app and website.

Web Design
Icon Design
VIEW PROJECT
008

Limited Edition
virtual goods

LE Bling is a vital revenue source of fubar.
There were several considerations with every set I crafted. Season, special events, current events, humor and many other factors were involved in the process. Sales of my LE over the previously outsourced items increased revenue dramatically.

Web Design
Icon Design
VIEW PROJECT
001

app creative assets
scratchers Lottery tickets

I designed and produced all the artwork and assets for the Scratchers Lottery Tickets app. The game featured an interactive touch-screen that allowed players to scratch-off a chosen lotto ticket to reveal if the player won. If the player lost, a graphic would pop-up quickly, leading to another lottery ticket.
The iPhone layouts shown here are landscape views of the cover design, a scratcher ticket and the "play again" prompt view.
Below, is more in-depth iPad view of the Scratchers Lotto Tickets game layout and tickets.

Web Design
Icon Design
002

app game design
scratchers Lotto Tickets

I provided the art direction and production of the Scratchers Lotto Tickets app.
I worked closely with our mobile app engineer to create an engaging interactive experience. Players would begin by scrolling through several lottery tickets, picking one and scratching the ticket to play.
Upon a win or loss, new tickets and visual pop-up prompt's kept the game moving quickly. It was a fun interactive action scratching the screen like a real ticket, to see if you had won. The app reached over a quarter million downloads and maintained positive user reviews.

Web Design
Icon Design
003

email promotions AD design

fubar Nights! I created a series of animated email advertisements for this promotion. This concept was created to promote use of the fubar website during selected evening hours.

Web Design
Icon Design
004

level-up
Animations

I created these animated pop-up level alerts that come on periodically on the fubar website. Members enjoy seeing their screen names and new levels highlighted in these funny animations that slide onto the profile page.

Web Design
Icon Design
VIEW PROJECT
005

Special projects
creative lead

I can be the creative lead on any given project. This contest promotion consisted of:
1. Special Invite email design.
2. A landing page that evoked enough passion for our members to take the next step.
3. The final step of the sign-up process.
I was given the concept of the contest from the marketing department. I ran with it, wrote the copy and created the email presentation. The team approved of the email design, it created some excitement.
I then created the copy and composed the next landing page. Step 1 of 2 incorporates a consistent design theme and new sign-in form. I created the headline - VIP get it!
For Step 2 of 2, I organized the information and graphics on the left.
The results of the contest were positive. Members feedback was all good and the prizes were well received. Winning members and prizes were featured on a special contest results page on fubar.

Web Design
Icon Design
001

Print Media

I have years of work experience in print media. Corporate communications, technical publications, packaging, magazines, logo design, business stationary and presentations, direct-mail, specialized branding and advertising design are all within my scope of expertise.

Web Design
Icon Design
VIEW PROJECTs