Design

Color Scheme

• Background Primary: 23194F
• Background Secondary: 31084A
• Primary: E340DC
• Foreground: FFFFFF

Sign Up Page

Here, users can create an account for Forces Unite. This allows them the ability to create 'looking for' posts, and message other users on the site. If a user is not currently signed in they can easily access this page by clicking 'Sign Up' in our header.

Sign In Page

Here, users can sign in to Forces Unite. This allows them the ability to create 'looking for' posts, and message other users on the site. If a user is not currently signed in they can easily access this page by clicking 'Sign In' in our header.

Cards

Cards are a unified way of presenting the most important information for a post, group, or player at a glance.

Discovery Page

Here, users can quickly find other players looking to game, groups, and other users that are known to be on the site. This page can be easily accessed by clicking the 'Discovery' tab on our header. Users are able to select filters to find the right user/group for their needs. Users will see posts, groups, and other users separately (i.e. users can't discover groups and posts at the same time). The Posts, Groups, and Player searches differ by the type of card displayed and the filters available. Clicking on Join will bring the user to the Chat for that group (see Chat page).

Social Page

Here, users can quickly view the posts that they have created, post which they have joined a chat for, groups they are a part of, and chats with individual users. This page can be easily accessed by clicking the 'Social' page in our header. Users will see posts, groups, and other users separately (i.e. users can't see groups and posts at the same time). Clicking on usernames/group names/post titles will bring the user to the respective page. Clicking on the chat button will open the respective chat. Each image above represents a different view after clicking the left selection menu.

Post Page

Here, users can see the full details of a post. This page contains the full information of a post, with the list of players that have joined, the post creator (noted under the header and the user with the gold dot next to them), tags, the description, and more. This page can be accessed from either 'Discover' after searching and clicking on the relevant card, or if the post has already been joined, it can be accessed from the 'Social' page. If users are not part of a post yet, they can join, and they can leave the same way if they are a part of the post. There are two views shown above: one where a user is looking at a post but has yet to join, and the other is after they joined, thus the chat button appears.

Group Page

Here, users can view general information about a group of other users who share common interests. Users are able to review the group, request to join, or view the members that are in the group. Groups can also have specific tags so they are easier to search for (clicking the tag will show you other groups with same tag).

User Profile Page

Here, users can view information about other users and themselves. Users can get to their own profile by clicking their avatar on our header. Users can view other user pages by clicking on usernames on tiles in our Discovery/Social pages. When viewing another profile, users will be given the options to send a message or a friend request.

Chat Page

Here, users can send messages to users looking to game, their groups, as well as individual users. Being in a chat is functionally what if means to be in a group, chat, or post. This page can be accessed in a few different ways, with the social page being the primary way. The chats for posts, groups, and users will differ by their displayed cards and maybe a couple of side elements below the card. The Leave button here would remove the user from the post post.

Home Page

Here, users can learn about the purpose and functionality of our site. This page can be easily accessed by clicking the 'Home' tab.

Create Page

When creating the post, if the user doesn't see the game they desire, they can hit enter and add the game as the game (Post Title). If the user wants to select a different game, they need only type it into the search games box again. In the hashtag area, if the user wants to add a new hashtag, they type it in and hit enter. If they don't like the tag they type, they can click on the checkbox and remove the tag.

Here, users can create different groups and posts(events), which allow them to customize their experience. Posts are a limited time event, which is used for the purposes of finding people for a match quickly.

In the hashtag area, if the user wants to add a new hashtag, they type it in and hit enter. If they don't like the tag they type, they can click on the checkbox and remove the tag.

Groups allow them to continue talking to the same people, much like a guild or legion. Much like the Posts, the user has customizability. They can add games that their groups want to play. If the game doesn't show. They can add it by hitting enter. The widgets on the left float in place, while the user scrolls down the site.