Skip to content

Global: Loading Screen Revamp - Added Skeleton State #3347

Closed
@zcolah

Description

@zcolah

Intro

We will be updating our app loading screen to be less jarring to the user. Currently it changes from white to black. We are now trying to make it feel seamless as both screens are a light grey. See image before vs after images below.

Image

Figma

https://www.figma.com/design/hFep75jMKpWEHXkq6oK6lP/Skeleton-Loading-Screens?node-id=117-8580&t=auNganFcNEbavpdf-1

Dev Notes

Main Navigation Bar

The main navigation bar should load as expanded or closed based on the user's preferences stored in cache.

Skeleton Animation

The Skeleton and logo should pulsate during loading.
https://mui.com/material-ui/react-skeleton/#pulsate-example

Logo

Zesty Logo must always be positioned to the exact center of the screen

Text Under the Logo on Loading Screen

Every time the user loads their screen load a random quote from the list below.

# Quote Author
1 Content is king. Bill Gates
2 Marketing is no longer about the stuff that you make, but about the stories you tell. Seth Godin
3 Your brand is a story unfolding across all customer touchpoints. Jonah Sachs
4 The best marketing doesn't feel like marketing. Tom Fishburne
5 People don't buy what you do; they buy why you do it. Simon Sinek
6 If you can't explain it simply, you don't understand it well enough. Albert Einstein
7 The most powerful element in advertising is the truth. Bill Bernbach
8 A brand is no longer what we tell the consumer it is—it is what consumers tell each other it is. Scott Cook
9 Communication works for those who work at it. John Powell
10 The single biggest problem in communication is the illusion that it has taken place. George Bernard Shaw
11 The art of communication is the language of leadership. James Humes
12 Engage, enlighten, encourage, and especially…just be yourself! Social media is a community effort; everyone is an asset. Susan Cooper
13 The most powerful person in the world is the storyteller. The storyteller sets the vision, values, and agenda of an entire generation that is to come. Steve Jobs
14 Your brand is what people say about you when you're not in the room. Jeff Bezos
15 Great stories happen to those who can tell them. Ira Glass
16 No matter what you do, your job is to tell a story. Gary Vaynerchuk

Metadata

Metadata

Assignees

Labels

enhancementImprovement to an existing feature

Type

No type

Projects

Status

Development Complete

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions