Challenge Summary
Welcome to WTCP - World Transformation Community Portal Design Challenge. Purpose of this challenge is to create a community online portal where change minded activists can come together and have an impact on a global level.
We are looking for you to define the initial design direction for this application by using best UX practices.
Good luck, we are looking forward to your designs!
Round 1
Submit your initial designs ideas for checkpoint feedback
1) Community Home Page/Main Navigational Hub (Desktop and mobile views)
2) Community Member Profile Page (Desktop view)
- Readme.jpg: Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your final designs with all Checkpoint Feedback implemented.
1) Community Home Page/Main Navigational Hub (Desktop and mobile views)
2) Community Member Profile Page (Desktop and mobile views)
3) Topic Creation Page (Desktop view)
4) Community Onboarding page (Desktop view)
- Readme.jpg: Provide notes about your submission
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
The Purpose of this challenge is to create a community online portal where change minded activists can come together and have an impact on a global level.
Design Guidelines:
- Looking for a modern design interface!
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
- In terms of the color palette, we are looking for colors that have an impact! White, black, and red are a good starting point.
- Please use the following colors and button styles in your designs:
- - - - Normal State (btn_normal_state.png)
- - - - Hover / Clicked (btn_hover-clicked_state.png)
- Please use a placeholder for logo.
Required Design Sizes:
- Feel free to use the device mockups as required to show your designs. (make sure to comment about the link from where you are using the device mockup)
- In terms of viewport size, we would like to have a study of all screen for an:
- - Desktop (MacBook Pro Layout) -1280 x 800px [all screens required]
- - Mobile (iPhone 6 screen Layout) - 750 x 1334px [only a few screens required]
Required Screens:
We need below screens to be designed for this application..
1) Community Home Page/Main Navigation Hub:
- Visual welcome (draw the visitor into the site)
- Show causes
- - - Cause title (20 character display)
- - - Cause description (250 character display)
- - - Picture (display)
- - - Member sponsor
- - - - - - - First Name (10 character display)
- - - - - - - Last Name (10 character display)
- - - - - - - Country of residence (20 character display - maybe add country flag)
- - - Number of supporters (5 digit display)
- - - Last updated (date display)
Options
- Language select (Dropdown menu - default to English)
- Log in (button)
- Join (button)
- Support an existing cause (button)
- Create a new cause (button)
- Browse causes (scrolling mechanism)
- Search for a specific cause by using a keyword (10 character search field)
Informational Links/Buttons
- About
- Impact
- Blog
- Careers
- Team Bios
- Help
- Press
- Advertise
- Privacy
- Policies
2) Community Member Profile Page:
In this screen, user will be able to view their profile
- Member’s picture (Display)
- Member’s first Name (10 character display)
- Member’s last Name (10 character display)
- Country of residence (20 character display - maybe add country flag)
- Number of causes supported (5 digit display)
- List of causes supported (20 character display per cause with links to the causes)
- Level within the community (display): Supporter, Activist, Contributor, Moderator
3) Topic Creation Page:
Data entry fields and upload options
- - - - - - - Cause title (20 character text field)
- - - - - - - Cause description (250 character text field)
- - - - - - - Picture (Search field and upload button)
- - - - - - - Cause categorization selection device (can select more than one keyword)
- Grouping new topic with similar topics (e.g. - topic is about women in tech, group with other topics that are very similar)
- Member Connection - suggest other members with similar interests / passions
4) Community Onboarding Page:
- How to get started
- Suggested groups/topics
- Resources available to you
- On this screen, the user will be able to join and become a member
- - - - - - - Member’s picture (Search field and upload button)
- - - - - - - Member’s first Name (10 character text field)
- - - - - - - Member’s last Name (10 character text field)
- - - - - - - Country of residence (dropdown selection menu or some other selection device)
Target Audience:
- Socially conscious citizens of the world
Judging Criteria:
We will be judging on:
- How well does your design align with the objectives of the challenge
- Creativity of your visualization
- Cleanliness of your graphics and design
- Overall Design and User Experience
Submissions and Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file or created in Adobe Illustrator or similar and saved as layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback. See more information about Final Fixes.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.