The planning portion wanted to harp on 3 key elements of the MoMA experience which are crucial to an enjoyable visit: purchasing tickets, locating and safely arriving to the museum, and ensuring the visit is educational and enjoyable. The marketing of "3 easy steps" simplifies the process for the visitor so as to not overwhelm them. It also makes it clear the hierarchy of importance.

Purchasing tickets is the most straightforward of the requests. Having tickets ahead of time saves the user time and allows for a more seamless arrival to the museum. We would like to avoid waiting as much as possible for every patron.

Being located in the heart of Downtown San Francisco, the arrival/parking process can be nerve wracking to first time visitors. Having a sense of direction, knowing the surrounding area, and planning parking are all parts of step 2 that give the user the power of knowledge prior to the experience. There is nothing worse than having to learn on the fly while cars are honking at you on the bustling city streets.

Lastly, step 3 continues to harp on the importance of the app advertised in the marketing posts. The act of repetition keeps the task on their mind. Users may put off or reject the idea of needing an app for their visit. The goal is that the persistence of that step across all touchpoints will highlight its importance.

Design Style

The design style is taken from the existing SF MoMA branding and identity. The SF MoMA logo is simple and Iconic. I decided to use the logo as a background texture/pattern along with the iconic red color used in their branding and website. Below are some examples of their existing design for reference.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/98ea7529-2f5d-4b2a-8220-0937d7e973eb/Visual_identity_thumbnail_1.jpg

Inspiration/ Process

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7c5b51c8-8782-4811-9526-c4016eccdaf4/Screen_Shot_2020-11-17_at_11.48.16_PM.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a8a3a656-8d3b-4566-92aa-f789dc80a892/Pattern_placeholder.jpg

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8466217b-6459-40e4-b4e5-2ec04f09a507/4dacc4fd698829b63c36ec53fe034eeb.jpg

color pop to draw attention

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/31077ed6-94a6-430d-9a9c-9cf351c2af55/7d73c9074d9390acb1e238d5cad29725.jpg

use of outer glow around interactive/clickable elements

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a7154494-e327-440a-8a25-b160bdbd5bda/1fe30b4dbb16002b74e4b8614186278e.jpg

3 column organization

Most landing pages try to cram as much information as possible onto the page, almost like a one-stop shop for their site/company/service. This design does the opposite of that. By removing the traditional website navigation and limiting the options visibly available, it gives the user a clear set of tasks to tackle.

Hardware Mockups

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/48ae27fe-f212-4f4c-89c9-c7a0a9fd0594/landing.page.with.macbook0.75x.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c4979247-34ff-4a7e-8919-e4b63e9f753e/landing.page.with.ipone.png

Full Page View

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0c6336e8-a99d-4cdc-b2a3-96ebf84245f6/Artboard_14x.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6d4ce76a-280f-440e-87f0-ad417d20e015/Artboard_22x.png