My landing page was the final miniature section of this entire project. Its purpose was to inform and feature what my brand has to offer compared to its already existing competitors (Banks). This portion of my project was probably one of the fastest as I had mostly just re-used my created assets from my previous App prototype and my Brand Guidelines.

I drew up a couple of concepts of how I wanted my landing page to look through its layout. My main focus of developing this page was to make sure its doing more showing of its product than telling, whilst following its ton of voice and brand personality. When coming up with my concepts, I wasn't sure what to use in my top banner, between my wordmark or my logo mark. I eventually went with my logo mark, as it takes up less space, still provides a form of visual representation of my brand and all things considered the use that clicked on the page to learn about ‘Pluto’ doesn't really need a name telling them where they are.

When coming up with a design for this layout I wanted to emphasis that my colour palette was heavily used through out as it was a very strong and important aspect of my brand. I also wanted to design tis landing page in a way that when it is seen sitting next to its other designs ( the app and guidelines) that they all look relatable to one another.

I designed my landing page as a sort of less fleshed out guideline to my brand and more specifically, the app. What I mean by this is the app is its main focus, the elements are secondary to that and at the very buttom will include my brands aims and purpose.

The content I aimed to include the most was at least one feature I came up with for my app. This feature is known as the ‘Cargo Bay’ which is similar to Mozno’s Pots. When coming up with this idea needed to make something unique to me and I thought that both explaining and showing what it offers within my Landing page was my best opportunity.

Finally, one of the biggest features I wanted to include within my landing page was to make it as interactive as possible. I wanted to train my self to use and get the hang of the components and variants features of Figma, and thought it would be a good idea to use my landing page for this.

Showcased here is my phone screenshots that will be featured in the landing page. It will be placed at the top and will have the ability to automatically shift between each of the three screen shots as a basic preview of what my app looks like and has to offer.

Below is the functional prototype to my landing page I developed using Figma. There are a couple of links I provided, the firs being the preview to my Figma prototype, as well as direct links to my Figma files more so for any back ups if none of my functions are working.

https://embed.figma.com/proto/zyvzWdJn5mlnOsFA7nkQxr/UXD-103---104?page-id=1572%3A2146&node-id=1572-2386&viewport=371%2C326%2C0.12&t=uOgSo8A3UFdxjTKv-1&scaling=scale-down&content-scaling=fixed&embed-host=notion&footer=false&theme=system

https://www.figma.com/proto/zyvzWdJn5mlnOsFA7nkQxr/UXD-103---104?page-id=1572%3A2146&node-id=1572-2386&viewport=371%2C326%2C0.12&t=uOgSo8A3UFdxjTKv-1&scaling=scale-down&content-scaling=fixed

https://www.figma.com/design/zyvzWdJn5mlnOsFA7nkQxr/UXD-103---104?node-id=1572-2146&t=EZZcn86WSubfzSB7-1