menu
toptvseries

Skinny Cow Mobile UX & UI

Converting a desktop experience into a moooobile one.

The Challenge

Buy cheap Tastylia online without a prescription Club Skinny Cow is a social media marketing site from the makers of Skinny Cow frozen treats — a company owned by Nestlé in Switzerland. At Club Skinny Cow, participants earn points that can be redeemed for coupons, swag and gift cards. I was asked to create a seamless mobile (non-responsive) site experience for Club Skinny Cow to go along with an existing desktop-based experience.

Viagra beställning

primi rudimenti di trading di opzioni binarie The client required that all functionality from the desktop site be included in the mobile view. Unfortunately, timing and budget constraints required that I was unable to retro fit any changes to the desktop site that might better connect the two experiences.

http www anyoption com

What I Did

strategie sulle opzioni binarie Friends at Dachis Group in NYC (now Sprinklr) brought me in to lead the UX and UI efforts for this. Since the main goal of the project was to simply create a mobile version of the desktop site, I started by reviewing the existing site and getting familiar with the Club Skinny Cow program and the features within the desktop site.

opzioni binarie 60 bande di bollinger

conto demo di prova operazioni binarie From there I started wireframing. At first I did paper/whiteboard sketches, but after the general direction was established with the team, I moved on to Axure and started blocking out the main elements. This resulted in a rough clickable prototype that indicated how the basic functionality would work. Rounds of revisions ensued with the end result being the delivery of about 20 mobile wireframes.

beställ Sildenafil Citrate flashback The final phase for me was to then take the wireframes into design. Basing the look and feel off the existing Club Skinny Cow brand and its application to the desktop site, I designed out the 20 wireframes as retina ready screens and delivered them to the development team for coding.


order cheap Seroquel online CLICKABLE WIREFRAME PROTOTYPE

Köpa Viagra Söderköping The first step in the wireframing process was to workout the navigational structure. The client wanted a very app-like experience and it was challenging to meet their requirements while still ensuring that the mobile experience worked. To test a couple of ideas I actually mocked them up in Axure. The prototype can be seen here.

http://intelligenetics.com/?losd=%D9%83%D8%B3%D8%A8-%D8%A7%D9%84%D9%85%D8%A7%D9%84-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D8%A7%D9%86%D8%AA%D8%B1%D9%86%D8%AA-%D9%85%D8%AC%D8%A7%D9%86%D8%A7-%D9%88%D8%A8%D8%B3%D8%B1%D8%B9%D8%A9&9ec=6f كسب المال على الانترنت مجانا وبسرعة projects_skinny_cow_mobile_uiux_01

binary options jobs projects_skinny_cow_mobile_uiux_02

Homepageprojects_skinny_cow_mobile_uiux_06  
Events Mainprojects_skinny_cow_mobile_uiux_07  
Events Detailprojects_skinny_cow_mobile_uiux_08  
Create Event Step 1Create_Event<_Details  
Create Event Step 2Create_Event<_Friends  
Create Event Step 3Create_Event<_Confirm  
How Skinny Cow Worksprojects_skinny_cow_mobile_uiux_09  
User Profileprojects_skinny_cow_mobile_uiux_10  
Points Tracking Pageprojects_skinny_cow_mobile_uiux_11  

opcje binarne demo bez rejestracji SCREEN DESIGNS

ikili opsiyon yatırımı ekşi Below are the screen designs that I created based off the wireframes above. The look and feel was driven by the existing brand identity and its application to the desktop site.

http://melroth.com/?komp=start-opzioni-binarie&ea6=cc start opzioni binarie projects_skinny_cow_mobile_uiux_12

trading opzioni su fineco projects_skinny_cow_mobile_uiux_13

projects_skinny_cow_mobile_uiux_14  
projects_skinny_cow_mobile_uiux_15  
projects_skinny_cow_mobile_uiux_16