Challenge Summary
The next big thing in design – that’s summarizes the best welcome ever to our great design community!
We are going to redesign this project website in all senses, UI and UX wise. We need your help to come up with very creative ideas and modern design concepts.
Round 1
For your R1 deliverables please submit the following features requested under “Design Requirements” section.
1) Home Page Desktop and Mobile view.
2) Games Page Desktop view.
Round 2
Final design will contain all the requested features under “Design Requirements” section plus any updates from client feedback.
1) Home Page Desktop and Mobile view.
2) Games Page Desktop and Mobile view.
3) My Home Page Desktop and Mobile view.
The primary goal of this challenge is to rethink three pages of the Verigames website. We are looking for a total overhaul of the concept. We need fresh ideas that contribute with a very modern design, something out of the box and also that implement good UX practices.
We envision a fresh, banging, sleek, and professional look that works fantastic with responsive, and if we can be integrated with cool magic coolness such as soft animations and so on. This is a gaming website. Not hardcore gaming though, it’s targeted for puzzle-like gamers mostly. You are encouraged to explore the website, register and play the games in order to get acquainted with the site experience.
The challenge attachments needed to use 7zip to compress files due to the large size. Download 7zip to be able to uncompress the files in case you have any issue.
Branding and Guidelines
- Provide desktop and mobile designs per each page (responsive). Maximum width of the visible design for desktop is 1000px and 320px for mobile.
- Use the attached Verigames and [topcoder] logos similar to the way they are represented in the footer.
- The new page UI style and UX must be cutting edge, modern, fresh, very cool.
- Colors should be around the logo palette, however we are very open to ideas and suggestions. Colors should that match nicely with the logo.
- Fonts must be something beautiful to look at. If you’re going for the fancy fonts make sure they are available in the fonts policies lists first and also in Google Fonts library. Declare your fonts according to the Studio font’s policies.
Design Requirements
Overall
- Widgets and content must be the same, however we’re open to ideas about layout, animations, transitions, etc.
- We’d like to see different kind of layouts. Think about making the content more enjoyable, enticing.
- We envision cool animation transitions. Provide several screens if necessary to showcase your work ideas.
- Use the attached game assets to create the graphics you need. Stormbound is not attached due to large file size but you can download it through this link.
- Make sure to show the chat widget in closed state, as shown in the provided screenshots.
- For social media icons use the default branding look.
-- Facebook: https://www.facebookbrand.com
-- G+: https://developers.google.com/+/branding-guidelines
-- Twitter: https://about.twitter.com/press/brand-assets
-- YouTube: https://www.youtube.com/yt/brand/using-logo.html
1) Home Page
- Follow home.jpg from VerigamesWebsitePages.zip.
- Or visit Verigames Home for more details.
2) Games Page
- Follow games.jpg from VerigamesWebsitePages.zip.
- Or visit Verigames Games for more details.
3) My Home Page
- Follow myhome.jpg from VerigamesWebsitePages.zip.
- Or visit Verigames MyHome for more details (you need to be a registered user for this).
References
Follow some of these features as inspiration. DO NOT COPY anything.
http://wipmessenger.com - Liked the scrolling transition style. It would be interesting to see this smooth vertical scrolling integrated somehow in the design.
http://pragmaticlab.com - Flat, clean, simple, beautiful colors and icons.
http://trippeo.com - Sweet transitions, animations and fonts treatment
http://wistia.com - Flat, simple and wide variety of colors correctly used.
http://justcreative.com/2014/01/21/2014-web-design-trends - Educational article about modern trends.
Target Audience
Casual gamers, everyone who likes games from children to adult persons.
Judging Criteria
- Capacity to provide a design out of the box.
- Design Quality and execution.
- Originality.
Submission File
All requested contest requirements/screens as JPG or PNG files at 72dpi.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Adobe Illustrator and saved as layered PSD/Ai files respectively.
Preview Image
Create a 1024x1024 JPG or PNG file in RGB color mode and place a screenshot from your submission within it.
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.