App #11, In Restaurant Ordering System

App Ordering System for Waiterless Restaurants.

Screen Shot 2018-11-06 at 1.31.46 PM.png

Initial UI designs. Next, I’m going to start working on the animations.

My entire UI/UX was leveraging off of layer masks, and I’m not sure this animation program supports masks :OMG May need to learn a new animation program……not good.

I messaged and attached my file for the folks at ‘timeline’, hoping they could solve the issue

I messaged and attached my file for the folks at ‘timeline’, hoping they could solve the issue

Their unfortunate response

Their unfortunate response

Screen Shot 2018-11-06 at 2.11.58 PM.png
Screen Shot 2018-11-06 at 2.12.58 PM.png
Me

Me

Screen Shot 2018-11-06 at 2.13.55 PM.png
IM CURIOUS TO SEE WHAT EXAMPLE HE COMES BACK WITH

I’m a bit frustrated because these animations would’ve been beautiful - i based the designs off of knowing they’ll be animated –  in the future I should try to animate each screen before moving onto the next.

Sadly, I think I need to switch programs, maybe to flinto, but it’s an entire different interface, ERRRRRR

Companies that use timeline for sketch (according to their website) –   HARD TO BELIEVE

Companies that use timeline for sketch (according to their website) –

HARD TO BELIEVE

Screen Shot 2018-11-06 at 2.23.01 PM.png
How to animate this screen without shadows?

How to animate this screen without shadows?

WHAT TO DO?

I NEED TO TAKE A DEEP BREATH… AND FIGURE THIS OUT.

The swipe animation is more difficult than I predicted, I would like to perfect that interaction and at the same time make it loop seamlessly. Also, why are masks working on the images and not on the first page carousel? Perhaps I can replicate what I did here on the initial page.

Endless loop, but there are no elements and it’s all the same color, so I’m not sure how practical this is  #fail #confusing

Endless loop, but there are no elements and it’s all the same color, so I’m not sure how practical this is #fail #confusing

Getting somewhere - but too many layers here and its running fast!!!!! Let me try with just 3 boxes

Getting somewhere - but too many layers here and its running fast!!!!! Let me try with just 3 boxes

Got it, baby

Got it, baby

Now i’ll try it with images and text! Go big or go home, they say.

I did it! And i’m very proud.

I did it! And i’m very proud.

nnn.gif

I tried combining both GIF’s, but I don’t have latest version of Premier, so I wasn’t able to export as one screen. But, I made progress from my freak attack today. Thanks and have a goodnight.

<p> <b> UNTIL TOMORROW, <b> <p>

App #12, FallBoard

App #10, OMW!