Tuesday, 21 April 2020

Developing the UI for Shift (Landing Page)

Landing page:
> Wanting there to be a landing/loading page for the website when you go on it and the same for when you open the app.
 - Use the squiggly shapes developed to create this, keep some continuity.
> The work design so far has a lot of potential to be translated to different formats, adverts, landing/loading page, promotional materials etc.

Website:

^ Experimenting with the text, what it should say and animating the shapes.
Would be a good opening page once someone has downloaded Shift and then is accessing the progress tracker.


^ Loading page, could be used on website when information is loading.

Feel there should just be one simple landing page for opening the website, then a second for transitions. 



^ Simple landing page, logo with signature scribbles in the background.
Works with the webpage, simple, cohesive good!
- Could do with a less invasive transition animation, could be used when pages are loading etc. Earlier test for loading page was too large and distracting.


^ Here a simple transition/loading page for the website.

These two can be easily translated to app, do this next!


^App landing page


^ Simple transition page

No comments:

Post a Comment

Initial Research Reading

Potential Questions: How can we use the tools of graphic design to develop publications that aid learning? How can different design c...