https://s3-us-west-2.amazonaws.com/secure.notion-static.com/85b106f6-dc19-42e5-ad49-3ad198cef8f0/online_marketing.png

For this part of the touchpoint journey, I've created the in-app/mobile web browser experience for customers to virtually wait in line. Most customers will be accessing this site via their personal devices so designing for this case scenario is important.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/80eaf20d-0da9-4a66-b29b-890340256245/stats_girl.png

Things considered when creating the virtual wait-line:

Researching Sign Up UI screens:

I did some research and looked for some modern and clean sign up screens. This is what I learned:

Consistent organic shapes used throughout the screens. Drop shadows are used here as well.

Consistent organic shapes used throughout the screens. Drop shadows are used here as well.

Optional sign in with Facebook, Google or Twitter. Bright blue CTA sign in/sign up button, easily visible.

Optional sign in with Facebook, Google or Twitter. Bright blue CTA sign in/sign up button, easily visible.

Gradients seem to be gaining popularity in Ui as well. Here, shadows are used to show which text box entry field is selected

Gradients seem to be gaining popularity in Ui as well. Here, shadows are used to show which text box entry field is selected

This is IKEA's current Sign In page. The design is very boxy and some text might be hard to read for some customers since the text and background are too similar in color.

This is IKEA's current Sign In page. The design is very boxy and some text might be hard to read for some customers since the text and background are too similar in color.

Initial Sketches

During these initial sketches, I look at IKEA's current app and wanted to improve upon it as well as add the new wait line feature. There are no other companies I could find that executed this idea and I wanted to create something new and functional.

Needs:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d9d5b0eb-5e39-4440-b5b6-2f5f20ee99c6/Screen_Shot_2020-11-18_at_8.56.06_PM.png

Mockup Screens

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8820f51b-ea2b-4eda-817c-e704a52d5fca/Frame_1.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dd8f07d8-5ff5-4c70-9d94-39e0127b9740/Frame_2.png