This is an ON-GOING opportunity and the WINNER will receive additional work.
In a designer, we are looking for:
1. Experimental approach
2. Excellent comprehension
We will provide LOTS of feedback, so get your designs in EARLY.
Please see the attached AI wireframe for a broad overview.
Use canvas width of 1920px (widescreen laptop). We can downsize/re-organize later for smaller devices.
Photoshop PSD file with layers. (AI wireframe included below).
Fonts (either free webfonts or details for commercial purchase).
HTML5 & CSS3 (optional - focus on PSD & fonts first - if you're not a HTML person, we will get someone else to complete)
The entire site is responsive and suitable for Desktop, Tablet and Mobile devices. We will require variations of layout for desktop vs mobile devices.
You must use Webfonts. If in doubt try fontsquirrel.com We will also accept commercial fonts but we need to know the price & they must be royalty free. Must be easily readable.
All images in our site are owned by content owners. We will rarely use stock. For the purposes of presentation use ANY music, film, TV images you want (they will NOT be used in the final product so copyright should no issue). If in doubt, use http://images.google.com and filter on FREE license with 1920 x 1080. Try images from Taylor Swift, Tim McGraw, Janet Jackson, other musicians, etc. and your favourite TV shows or movies.
ALL IMAGES are 16:9 ASPECT RATIO.
We recommend you use 1920x1080 and downsize keeping the 16:9 aspect ratio.
The entire site is co-branded with content BRAND in TOP-LEFT and REPX in TOP-RIGHT. Co-branding can make the design complicated as the BRAND can be ANY COLOUR! We recommend you stick with neutral colours to accent the brand.
Examples of BRAND logos might be:
Logos of your favourite musicians (Taylor Swift Janet Jackson, Greenday, etc.), films, TV shows, etc.
The REPX LOGO is attached as a PSD.
You can change the RepX logo. Our design requirements are FORMAL with a splash of FUN.
The "REP" part is formal, the "X" part is FUN (funky X with splash of colour).
We like this concept as we are both Business & Consumer facing.
We also require REPX PRODUCT LOGOS for:
RepX AV (maybe "REPX A" formal, "V" FUN, "REPX" formal, "AV" FUN)
RepX Parties (maybe "REPX Partie" FORMAL, "s" FUN)
RepX Remixes (maybe "REPX Remixes" FORMAL, "s" FUN)
There will be other products that follow same guidelines.
For product logos (e.g., RepX AV), we want the product (e.g., "AV") to stand out clearly, more than the brand ("RepX"). One possible approach is to fade the brand (RepX) so the product (AV) is more prominent.
Feel free to experiment and have FUN! :)
At least 100px high. May be higher. Would love to see both a large version and a small version, so we can animate large -> small when people scroll the page down.
2-4 Breadcrumb items (first always being HOME).
Example: Home * Artist Name * Set Name * Song Name
Should be light in colour (not distracting) BUT with mouse over making it more prominent.
Categories (drop down or menu with Music, Music Videos, TV, Film, etc.)
Search (button or link)
Two menu items: PRODUCTS ACCOUNTS
We will require a menu to appear but will give spec. in another day or two.
Balance needs to stand out, so try different colours.
This can be any widescreen entertainment image you want. Understand that text needs to be overlaid and have preference for lighter colours.
We are open to trying icons or tiles for each product. Just remember, we will be adding other products in the future so flexibility is needed.
This is for usual business type marketing content. Open minded with how/what will be included. Possibly focus on this last.
All media in the site is user generated, so we cannot be sure of the colours. They could be dark or light. We would prefer that text is white. To get white text on a white background, we recommend a opaque dark gradient (as pictured). This allows use to overlay white text on the opaque dark gradient. (We do NOT like the BOX effect some sites use - but gradient works as it's not noticeable on dark images).
CATEGORIES & MEDIA TILES
Music, Music Videos, Film, TV, etc.
The media tiles may be full images. Try version with/without borders. Experiment with font overlays, etc. Remember CONTENT IS KING.
The media frame is where content is available to the consumer. By default the player will be visible, and then the featured boxes will appear (later). Use a white background as featured will fill out the section.
Try brand logos (e.g., Toyota, Pepsi), and images (e.g. video content)
The player must be 853x480px. The button beneath the player are EXTRA.
PLAYER BUTTONS (x3)
There are 3 buttons. LEFT, MIDDLE, RIGHT. We have provided example content in the RepX-AV.AI file.
When "options" is clicked, the PLAYER MENU will appear/expand beneath the PLAYER BUTTONS.
TITLE & NAME
Song Name, Artist Name
Toggle link/button that will change between "Subscribe" and "Unsubscribe".
Set Titles with one default colour. The selected SET will be highlighted in that colour.
Widescreen content. Experiment with borders/no borders, etc.
Button similar to PLAYER BUTTONS above. (Sorry, not spaced out correctly but you can fix).
Link to an upcoming event.
Menu targets content in center column. It will probably be statically positioned so that it's always accessible.
In responsive design (Mobile), Left Menu will appear as a ROW MENU. We can mock this up later.
Content owner created content. Want to experiment with text & images as illustrated in AI file.
Credits will be a mix of HEADINGS, NAMES and BRANDS. See AI file.
In responsive design (Mobile), CREDITS will appear below the MIDDLE COLUMN. We can mock this up later.
Any size. Must include COPYRIGHT, LEGAL, LANGUAGE, DATE and SIGN OUT links.