For work at Digital Corps, I was asked to design a forum website. I started with mapping it all out with a clickable wireframe and then moved into Illustrator to make a styletile.
The styletile helped me put my final design together more quickly, I was able to map out the elements I would need such as the logo I designed, headers, subheaders, font sytles and accent colors and simply input them into my final design.
This is the homepage that I designed. It would be the first page to show up when the C(h)at Room is searched.
The homepage leads straight into the login page.
If you input the password incorrectly, a transparent box pops up asking you to input a security question.
If you DO NOT have an account then it leads to a create an account page which allows you to make an acocunt directly on the website or login with Facebook and Twitter.
From the make an account page, a transparent box pops up with a range of profile pictures to choose from, or the user can upload one of thier own.
Once you've logged in or made an account it leads to the homepage.
If the user clicks on the profile photo on the left then a transparent menu slides out from the left of the screen with user information such as the username, a button to the profile, to start a new conversation, and the log out button.
If you click on the logo with the notifications bubble in the upper right hand corner there's a transparent dropdown menu with notifications.
The profile button links to the users profile page, with thier photo, username, status and a button that allows you to directly message the user.
If you click start new message, a transparent menu pops up with the topic options to select and the start a new conversation button to lead into the message screen.
This screen is the message screen, it starts a new conversation under a specific topic.
These pages are the topics pages for the individual topic sections of the C(h)at Room.
This is the logout page.
