Design Collection App

AppcologyRuipeng Liu

Link to the App: https://marvelapp.com/12jje0c/screen/15278550

Home Page• I set up this home page, which is

the first thing the users will see, with a brief introduction of what the App does. It gives the users an general idea so that they won’t get confused with all the new content all in a sudden once entered the App.

• There is only one function in this page, which is to click anywhere to proceed to page 1 and the actual user interface. So this page basically acts as the starting page.

• The overall goal of the App is to suggest products with great designs(in the form of articles), offer the users ways to access these products(Store), and offer personal space for users to get more engaged.

Page 1 - Explore• After your click, this is the first page

you will see, basically the landing page.

• There are two elements in this page: the pictures(content), and the bottom bar.

• You can see from the bottom bar that there are three categories: Explore, Store, and Profile.

• Explore lets you see the major content: the articles. You enter by clicking on the relevant pictures.

• This is the central function of the app. The other categories are built surrounding it.

Page 2 - Content• This is the page after you clicked in the

pictures in the previous page.

• You can click the heart button to "like" the article, and the article will be saved in "liked articles" under Profile page.

• You can go back by clicking the Go Back button, and can go anywhere from the bottom bar as well by clicking the icons.

• Intuitive enough, this page "Store" shows recommendations of some of the stores that are relevant to the articles in the previous pages.

• There are links embedded into each picture, that is, when you click into each picture, it will direct you into the brand's online store in a new tab.

• This page adds some continuity in the user experience: when users find something interesting in the articles that they want to learn more about, they can find ways in this page to proceed.

Page 3 - Store

Page 4 - Profile• This is the third category, "Profile",

accessible by clicking the "Profile" button in the bottom bar.

• This function provides users a way to connect with others, i.e. a community, as you can see from "messages" and "Friends".

• It also offers some customizations and presents a personal space for users to stay closer to the App, for they having a more active role in it: they can check out their saved content, and have their own space for other users to discover.

• The App also provides a way for users to share it to their friends on platforms such as Facebook. These icons are clickable, and lead users to the sharing page.

Page 4 - Profile

"Friends" "Messages"

• As mentioned earlier, these two pages are the "Friends" and "Messages" sections accessible from the main "Profile" page.

• In "Friends" section, you get to see which of your friends on, say, Facebook, joined the App and which have followed you.

• In "Messages", you get to check notifications of people's interactions with you in the App.

• In “Liked”, you access to the articles you’ve liked. Click into them and you will get into the article to reread them.

• Again, the buttons in the bottom bars are clickable.

"Liked"