Upfront: The winner of this contest will receive a contract for several additional screens. But to keep the upfront work for everyone in a moderate level we are talking about 3 initial screens.
Please keep in mind that you may create boxes which are being used in different screens with different sizes so make them as light as possible.
The Colors Black, Platin an White should be predominant. If you want to add color try gold - but i can't guarentee that i will like it. I wont punish you for trying though ;)
Feel free to sign up to https://levels.one using your mobile phone -
or scale your browser to a mobile resolution - in normal desktop res it looks just terrifing ;)
This is the Coat of Arms, Logo and Lettering which has been predefined. Please use those logos within your mock-ups.
Please send me a PM and I will provide you with a download link to the source SVG/AI files.
Image 2/Screen 1: General Sign up and Sign In:
Screen #1 is being displayed to every user who is not yet signed in. Depending on wether the Phone# is already known to the system either a loginscreen appears of the signup process is started.
Please make the input forms and the background look as cool as possible. this design needs to be absolutely kick-ass.
Image 3/Screen 2: Newsfeed Overview: / Navbar
This is the most important screen for now:
The Sructure of the app should be kept the way I posted it the six navigation item contents Chat, Newsfeed, Contacts, Clubs, Toplists and Search are set. Feel absolutely free to use your own icon sets, make sure we can purchase them if we award you.
The Diamond in the upper left corner indicates the status of the currently logged in user, look at the next screen for more reference to this.
Going into the Posting Detail:
First you see the Username. In this case "[Greendot] DompiKing [Diamond].
The Diamond indicates which status this user currently resides in, the green dot indicates that the particular user is currently online. If you look into the next posting you will see that "Padii" has been online 16 Days ago. Please find a way to nicely display usernames with the Level (diamond) and onlinestatus all over the app in the same way.
Underneath the pictures you see a star, commentbox, shareicon and viewcount. This looks like kindergarden - make it better :)
Finally you see a blue shadow around the box - this shadow also indicates the status of the posting user. In the next screen i will list the available levels with the requirement to design new colors if not status icons for that. find a way to make the posting wear the color of the level of the posting user but in a cool way - not childish like in the example.
Image 4 / Screen 3: Available levels
This screen appears after clicking the Diamond icon in the upper right corner of screen 2.
The first row show [ICON] Piccolo "Du" 98
This means that you and 98 others are in the first level "Piccolo" the
second row shows +EUR500 and a 0 that means that you need to spend another 500 eurs to climb the ladder to the level Demi.
Keep in mind that the status icons are only used for male users. Females will recieve a different Icon - so this icon can be masculine.
I do love the Diamond as a status Icon as it appears in the coat of arms. If you absolutely hate it and have a idea for something better - go ahead and post your idea. If you convince us we will reward you extra.
The icon is semi-set but the colors are definitly not. Right now the colors are based a bit on the "Judo" or "Karate" belt colors ranging from yellow to black in ascending order. Please also use this type of coloring scale as the levels get higher.
I have to mention: This screen is currently the one which i dislike the most. It is so important but it looks like childsplay. Please come up with ways to make it look absolutely drop dead cool.
Especially as each level icon will be printed on cards etc. so find a way to make each level count.
When clicking on each level a list of users residing in the level is supposed to appear. Please include a example for how this could look (slide-own or similiar)
Thank you very much for reading the briefing I am excited to seeing your work.
When deliverying: Please use smart objects, photoshop and properly name your photoshop layers so our slicer knows what to look for.
Happy designing everyone!