Wireframe the application

[mattbowen03]

Using pencil and paper, or a wireframing software of your choice, draft what you’d like your application to look like.

Think about what the main components of the site will be and how you would like to see them arranged on the page. You should also think about the user flow and design all of those states and transitions as well. Don’t forget about error states!

You should also think about:

• The application’s color palette
• How to break up your design into components
• How your application will look at different screen sizes

Here are some examples: Reddit Rambler Reddit Minimal Reddit Client

Wireframe Checklist:

• [x] Loading State
• [x] Landing Page
• [x] View Comments Page
• [x] Error handling
• [x] Responsive Design
• [x] Color palette (see color palette issue)

[mattbowen03]

Landing Page Wireframe

Make the current selected subreddit button show that it's selected by changing its background color

[mattbowen03]

Loading Page Wireframe

[mattbowen03]

View Comments Page

When a user clicks on a subreddit post, it takes them to a feature of that post with all of it's comments listed below.

[mattbowen03]

Tablet/Mobile Landing Page

[mattbowen03]

Tablet/Mobile View Comments Page

Error message on tablet/mobile will be very similar to desktop. The message will overlay the window and make the background dimmed.