Challenge Summary
Welcome to the "RUX 72HR - Deloitte Pixel™ Anti-Corruption Education and Commitment Web Design Challenge". We are looking for your help to design a website which will be launched on December 1st at the international Anti-Corruption Conference (IACC). The purpose of this website is to educate business leaders on beneficial ownership transparency (BOT) and encourage them to make corporate commitments. We need you to read, understand, and evaluate the requirements and goals of the challenge and then design some awesome concepts to WOW our client.
We are interested in designing a fully responsive website and will use WordPress as the main engine to support the website, so please design accordingly. We want to see a clean and modern experience which brings the best combination of UX and UI together. Concepts that are hard to navigate or overly clutter the screen are likely to score less than a clean, simple, and easy to use website design. As always, please ask any questions in the forum. Looking forward to seeing your design concepts!
What is a RUX Challenge?
The RUX (Rapid User Experience) challenge uses the same format as our famous LUX Challenge except it is not "Live" at an event, and is just a little bit longer (3 days / 72 hours). The RUX Challenge Series provides you with an opportunity to show digital leaders from some of the largest companies in the world just how good your concepting and user experience (UI/UX) design skills are.
RUX (Rapid User Experience) challenges are fast, fun, and have more chances for you to capture prize money!
Background Overview
The goal of this challenge is to design a fully-responsive website which will be launched on December 1st at the International Anti-Corruption Conference (IACC). This website will inspire and educate companies about beneficial ownership transparency (BOT) and disclosing their ownership structures. The site will encourage companies around the world to sign up to a suite of commitments to help make beneficial ownership transparency a new global norm.
A beneficial owner (BO) is the person who ultimately owns or controls a company. Many companies now-days are “anonymous companies”, where the beneficial owner is hidden. Anonymous companies are used as vehicles to evade taxes, hide bribery and corruption, finance terrorism and a plethora of other negatives that impact citizens around the world. Identifying beneficial owners can be challenging but is becoming a pivotal focal point under anti-money laundering (AML) and countering the financing of terrorism (CFT) legislation worldwide. We want to encourage companies to take the lead and open up on their ownership structures, so that hiding who owns a company is no longer an acceptable way to do business. Beneficial ownership transparency has a number of benefits for business, reducing the costs and risks associated with doing business.
RUX Challenge Timeline and Rolling Checkpoint
Submission Start: 10/20/2016 at 21:00 EDT
Rolling Checkpoint Start: 10/22/2016 at 16:00 EDT
Submission End: 10/23/2016 at 21:00 EDT
We are offering 5 Prizes Placements!
1) 1st Placement: $2000
2) 2nd Placement: $1500
3) 3rd Placement: $1000
4) 4th Placement: $750
5) 5th Placement: $500
- Plus 8 placements for Rolling Checkpoint prizes @ $50 each!
Rolling Checkpoint Review ($50*)
Deloitte Pixel (key1309 & iSpartan) & Topcoder (Adam M. and / or Trevor G.) will provide a quick design review if you submit your initial designs by (Saturday, 22 October 2016 16.00 EDT)
- Within the hour, we will start providing checkpoint design feedback/guidance
- You must watch the Forum for your feedback!
- *All qualifying checkpoint submissions will win $50 (8 Placements)
Design Goals
The goal of this RUX challenge is to design a responsive website (optimized for WordPress) that will inform and encourage companies to make one or many commitments to beneficial ownership transparency and take action on behalf of their own companies.
Additional Goals:
- Inform companies of the changing context and expectations of them around beneficial ownership transparency
- Promote best practices that companies can adopt, highlighting existing examples of good practice (i.e. promote leadership)
- Track and celebrate companies that exhibit leadership in this field
Target Audience
Typical Site Visitor:
- High-level business executives (Such as CEOs, CFOs, and COOs) and decision makers from around the globe who are interested in learning more about IACC and the beneficial ownership transparency initiative.
- Lawyers and business people whose company has already expressed an interest in BOT and are investigating HOW to make that happen
Visitors will come direct, after hearing about the site at:
- One of our events or company workshops hosted around the world throughout the year
- After reading about BOT on one of our partner’s websites (e.g. Transparency International, Global Witness).
- After seeing a news article / piece of thought leadership we publish online in a major news publication (such as FT, The Guardian)
- After seeing a social media post promoting the site and guidance.
Visitors may come to the site for several reasons, depending on how engaged they are with this issue of BOT. They may return to the site several times to learn more before taking action. In order of least engaged to most:
1. User wants to learn more about what BOT is, why they should be considering it
2. They want to stay up to date with progress on this issue and how the space is evolving
3. They want to hear from other companies and see who is already taking action - safety in numbers!
4. They want instruction / guidance on where to start with BOT
5. They are ready to get started and want to make a commitment / get support
Required Screens/ Functionality:
- For this challenge, we would like you to design 8 of the websites major screens (outlined below). As you design your pages, please keep in mind that the goal for this site is to get visitors to take action and pledge corporate commitments. There should be a clear call to action across the site and this pledge should be an end goal for most visitor click paths. Please see the attached site map for page hierarchy. (Please note the numbers match those in the below list).
- We want to see your creativity and ideas so please bring your best suggestions beyond the flow described below. Additionally, the attached sitemap and below screen requirements are merely suggestions - if you can determine a better way to structure and organize this information, please do.
***Important Note: we have provided some of the draft copy for this website (in the supporting documents) to assist you with your designs. This copy is structured to reflect the numbers and screens outline below. Please consider ways to make this copy more visually appealing and structured in a way that establishes a clear visual hierarchy of the information, without overloading the user with words.***
00) IMPORTANT!! Presentation Screen - 1920x1080 (16:9 Ratio)
- In a RUX challenge, this screen is very important so make it look good!
- If you were walking into a meeting and needed to sell your idea - use this screen to showcase your concept.
- DO NOT put extra text on this screen - use it to showcase your application!
- You must include the JPG/PNG in your SUBMISSION folder!
- Also include your presentation source file in Source folder.
01) Homepage Screen (Desktop and Mobile)
- This page should establish a balance between educational information and a clear call to action for visitors to navigate to the "03 Take Action" page
- We want this page to be bold (consider color choice and dramatic typography), visually appealing, clean, crisp, and easy to digest (go for minimalism).
- Please design navigation that is clear and intuitive and that will make sense for a responsive website. See attached site map for key pages and hierarchy.
- The homepage should provide a clear picture of what the website is for. The homepage should include key details such as:
-- Intro video - this will be embedded from Vimeo and is an animated introduction to BOT, and why companies should be acting now.
-- Short written update on what BOT is, the overall state of beneficial ownership transparency (BOT) initiative
-- Why companies should act (high-level overview which visitor can dive deeper into in subsequent pages - links through to the Business Case page)
-- Map image which is tracking the government commitments made to date (Please create a placeholder for this on the homepage. It will be a map of the world which will highlight those countries which have already made commitments, which clicks through to the national actions page )
-- Overview of the 6 corporate commitments that a visitor can make which should each link to "03 Take Action" Page outlined below. The 6 corporate commitments are:
1. Publish Company Structure & Ownership Information in Open Data
2. Commit to putting your ownership data or requiring your suppliers to disclose their ownership data on the Global Beneficial Ownership Register
3. Use 10% Threshold for Beneficial Ownership in AML or Due Diligence
4. Require Beneficial Ownership disclosures as a Contractual requirement of suppliers
5. Sign on to Call for all Governments to Implement BOT
6. Investor Options based on "Chancing It"
-- News Ticker - this will show recent news in the anti-corruption / BOT space (text updates only in the ticker)
-- Ability to subscribe to receive updates
02) What is BOT? (Desktop)
- Overview of BO (see related copy for length & tone of this information)
02.1) Global Action on BOT (Desktop)
- See related copy for length & tone of this information).
- Think about how you can transform this timeline into an interactive infographic or visual?
- This page should also include the map visual tracking commitments, from the home page
- There should be a consistent link to "03) Take Action" somewhere on all the pages in this section.
03) Take Action (Desktop and Mobile)
The purpose of this page is to provide visitors with an overview of why they should act and an overview of the 6 corporate commitments they are able to make. This page should include:
- A summary of the actions corporations can make (see relevant section in copy)
- An overview of each of the 6 corporate commitments (which a visitor can click to deep dive further). How can you lay these out in a way that is visually appealing and less reliant on text?
- A list of all the companies who have taken any actions so far. This may evolve to be a long list, how can we keep it visually appealing? How can it be prominent but not distract from the rest of the page?
03.1) Detailed Corporate Commitment Page (Desktop and Mobile)
- For the purposes of this challenge, please design one of the detailed corporate commitment pages (e.g. Publish Company Structure & Ownership in Open Data). Each corporate commitment page will have the following details:
-- Intro Text (see copy for length & tone of this information)
-- What are the benefits? (see copy for length & tone of this information)
-- What do you need to do? (see copy for length & tone of this information)
-- Clear call to action to "Commit Support". This call to action will take user to a contact form - 04) Commit Support page.
-- List of companies who have signed up to take action (Names only)
-- Case studies of companies taking action. Case studies could include, text, image or video content - see copy for more details
-- Resources if available – could include PDF downloads, video content, links to online tools etc. The copy document contains links to several resources for each commitment. Please feel free to explore these links and include visuals or other information from the resources to support this page. If you do include information / images / videos from these resources, please make sure you cite these in the notes.
04) Commit Support (Desktop)
- All pages from screen "03._" above should lead to "Commit Support" page. The Commit Support page will gather all information from visitors in a form. Fields to capture in the contact form on this page include:
-- Name
-- Organisation
-- Commitments they are interested in (option to choose none or other reason for contact)
-- Contact details
-- Message
05) About Us (Desktop)
- The about page should include the following:
-- Details of working group and involved parties (see copy for length & tone in "About Us / Get in Touch" section).
-- Contact information and ability to subscribe to receive updates (see copy for length & tone in “Contact”).
-- Ability to include 4 or 5 logos of the key partners
06) Resources (Desktop)
- We would like for this page to be an organized library of the various available resources on the site. This library will contain resources on the following:
-- Each of the 6 corporate commitments
-- Global Policy Documents
-- National Policy Documents
- Please refer to the draft copy for more details. Please think about how you can organize and structure these resources in a way that make it easy for visitors to navigate and find what they are looking for.
- Note: Each resource may relate to more than one commitment or also be a national or global policy document. How can you make an intuitive tagging system for users to find what they are after?
- Please feel free to explore these links and include visuals or other information from the resources to support this page. If you do include information / images / videos from these resources, please make sure you cite these in the notes.
Things to consider for intended user
- Why is he/she opening this website in the first place / what is he / she looking to do?
- What is the "first experience" when opening the website? What is the primary goal of the website and experience?
- What is the priority actions or items a user needs to interact with?
- Where and how will the website be used the most?
Design Inspiration
1. http://www.wemeanbusinesscoalition.org/
Things we like: this site is very clean and easy to navigate. There is a combination of latest news, examples of leadership, and company climate commitments which will be very similar to our website’s content. We especially like the way this site has a clear call to action on almost every page (“Take Action” button). The http://www.wemeanbusinesscoalition.org/take-action is a great reference for a suite of commitments and call to action, similar to our own.
We like the overall branding on this site too. It is clean, modern and professional. It appeals to business people but is still energised and seems cutting edge, rather than old or stuffy.
2. https://www.unglobalcompact.org/take-action/action
Things we like: this site does a good job of making relatively wordy and difficult to digest content visually appealing. The card style overview of the various commitments on the homepage. Just enough information and detail to peak a visitors interest to explore this commitment further. like collection of tools, case studies and range of actions for companies to take.
3. http://there100.org/
Things we like: The list of companies that have made commitments includes the latest news from each of them. Site drives visitors to make the commitment to 100% renewable energy procurement as well
Look & Feel
The goal of this website is to educate & encourage visitors to pledge corporate commitments. Therefore this website should give the user a sense of trust and confidence. The topic of BOT can seem overwhelming to many on first engagement and more of a policy person topic than a business one. We need to engage business people with the idea and so the site must be presented in a way that is clear, and easy to digest/engage with. Key words that we would like to hear users say after visiting our site:
- Clear
- Informative
- Inspiring
- Bold
Branding Requirements
- Branding is completely open
- Remember that we want a clean, easy to navigate and understand site
- Color and font usage should be clean and modern
- Use a refined color pallet to keep things consistent and professional looking
Screen Requirements
- Desktop - 1280px width and height can be adjusted accordingly (All 8 Screen requirements)
- Mobile (portrait orientation) - 750px wide by 1334px tall, height can expand if needed (Screens 1, 3, and 3.1)
- When designing, please to take into account for both sizes about the possible layouts and interactions.
- If the mobile size above too heavy, you can create your design in half of the screen size ratio (we are looking for your design concepts)
Judging Criteria
Your submission will be judged on the following criteria:
- Concepts! How do you tackle creating this experience?
- How well does your design align with the objectives of the challenge
- Cleanliness of screen design and user flow
- Overall design and user experience
- Execution and thoughtfulness put into the solving the problem
- Overall idea and execution of concepts
Submission & 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
- Number your files (01, 02, 03, etc) this will help review them in order.
- 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 Adobe Illustrator as a layered AI file.
Final Fixes
- Note: This RUX challenge could have final fixes based on the missing requirements asked in challenge details.
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.