Challenge Summary
Challenge Summary
Welcome to the "Fintech Startup Coin Metrics Website Design Challenge". In this challenge, we need your creative thoughts to create a stunning website design for our client Coin Metrics, a leading provider of crypto asset market and network data.
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
Challenge Objectives
- Develop website design based on the input.
- The design has to be able to be developed as a Wordpress template.
- 7 desktop screens.
- The design has to be able to be developed as a Wordpress template.
- 7 desktop screens.
Round 1
Submit your initial designs for a checkpoint feedbackRound 2
Submit your final designs with all checkpoint feedback implemented.Project Background
- Coin Metrics (CM) is a leading provider of crypto asset market and network data. They deliver transparent and actionable data and analytics to various industry stakeholders including financial enterprises, funds, media, research outlets, and data/application providers. Coin Metrics’ data empowers its clients and the public to better understand, value, use, and ultimately steward open crypto networks.
- The purpose of this project is to create a new website design for Coin Metrics. Their old website (coinmetrics.io) was created at a time when Coin Metrics was a free and open- source project. They are now a venture-backed private startup looking to expand their data services. Their old website is built on Wordpress and they would like to preserve the back-end.
- Coin Metrics’ aim is to convey that they are not only pioneering and innovative but also that they are the adults in the room. Coin Metrics is a professional organization that meets the needs of institutional investors and other professional organizations. But they are not flashy. They let the data speak for itself. There is truth in the data but unlocking it requires craft.
- They are hoping for a clean/minimal but modern design that will allow their website to serve as both a resource to the community (they offer some of their data and research for free) but also act as a funnel towards their institutional-grade network and financial market data products.
- Over time they will include tables and asset-specific pages fed by their own data/APIs; however, this will be sometime in the future, still, they would like the design to be flexible enough to one day incorporate these. See nomics.com as an example of a site fed with API data and asset-specific pages.
- Some example sites they like:
- The purpose of this project is to create a new website design for Coin Metrics. Their old website (coinmetrics.io) was created at a time when Coin Metrics was a free and open- source project. They are now a venture-backed private startup looking to expand their data services. Their old website is built on Wordpress and they would like to preserve the back-end.
- Coin Metrics’ aim is to convey that they are not only pioneering and innovative but also that they are the adults in the room. Coin Metrics is a professional organization that meets the needs of institutional investors and other professional organizations. But they are not flashy. They let the data speak for itself. There is truth in the data but unlocking it requires craft.
- They are hoping for a clean/minimal but modern design that will allow their website to serve as both a resource to the community (they offer some of their data and research for free) but also act as a funnel towards their institutional-grade network and financial market data products.
- Over time they will include tables and asset-specific pages fed by their own data/APIs; however, this will be sometime in the future, still, they would like the design to be flexible enough to one day incorporate these. See nomics.com as an example of a site fed with API data and asset-specific pages.
- Some example sites they like:
- Nomics.com – showcases how CM might eventually want to display their data
- Circle.com
- Refinitiv.com – they like the landing page and navigation menu and the product page templates are excellent (they have modelled our product pages after these)
- Circle.com
- Refinitiv.com – they like the landing page and navigation menu and the product page templates are excellent (they have modelled our product pages after these)
Screen Requirements
Please create the following screens for this challenge (content is provided in the resources):
- 01. Landing page
- 02. Product page (with the exception of CM Network Data Community, all our product pages will use the same template)
- 03. CM Network Data Community
- 04. Media/Publications
- 05. Features comparison
- 06. Blog
- 07. About
- 02. Product page (with the exception of CM Network Data Community, all our product pages will use the same template)
- 03. CM Network Data Community
- 04. Media/Publications
- 05. Features comparison
- 06. Blog
- 07. About
Resources
- Content for the required pages Link
Branding Guidelines
Please consider the below guidelines during your design process:
- CM’s target color scheme is as follows but they are willing to experiment with other blues, teals or greens if they work but in general want to keep the color scheme minimal, modern but mature.
- Typography is opened to designers
- Stock photos and stock icons are allowed from the approved sources.
- blue (R:0, G:51, B:72)
- light blue (R:26, G:72, B:91)
- white
- grey (R:169, G:169, B:169)
- grey (R:120, G:120, B:122)
- Coin Metrics Logo Link- light blue (R:26, G:72, B:91)
- white
- grey (R:169, G:169, B:169)
- grey (R:120, G:120, B:122)
- Typography is opened to designers
- Stock photos and stock icons are allowed from the approved sources.
Target Audience
Various industry stakeholders including financial enterprises, funds, media, research outlets, and data/application providers
Judging Criteria
Your submission will be judged on the following criteria:
For submission you have to upload a zip file that contains the following 4 files:
- How well you plan the user experience and capture your ideas visually.
- Innovation in your concepts
- Cleanliness of your graphics and design.
- Overall design, UI and user experience.
- Consistency across the UX/UI
- Wordpress compatibility
- Innovation in your concepts
- Cleanliness of your graphics and design.
- Overall design, UI and user experience.
- Consistency across the UX/UI
- Wordpress compatibility
Final Delicerables
- All original source files.
- Files should be created in Adobe Photoshop and saved as a layered PSD file, Adobe Illustrator, Sketch or Adobe XD
- Marvel prototype
- Files should be created in Adobe Photoshop and saved as a layered PSD file, Adobe Illustrator, Sketch or Adobe XD
- Marvel prototype
Marvel Prototype
We need you to upload your screens to Marvelapp.- Please send your marvel app request to pere.viktoria@gmail.com
- You MUST include your Marvel app URL in your declarations.txt (in your marvel app prototype, click on share and then copy the link).
- You MUST include your Marvel app URL in your declarations.txt (in your marvel app prototype, click on share and then copy the link).
Submission & Source Files
Final DeliverablesFor submission you have to upload a zip file that contains the following 4 files:
Source.zip – All original source files.
All source files of all graphics created in either Adobe Photoshop, Illustrator (Might need to be converted to PSD later), XD or Sketch and saved as editable layer
Submission.zip – PNG/JPG files
Submit JPG/PNG image files based on Challenge submission requirements stated above.
preview.png – Your preview image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72 dpi and place a screenshot of your submission within it.
declarations.txt – All your declarations and notes
This file must contain your notes if any, fonts, stock art declarations and your Marvel project URL.
All source files of all graphics created in either Adobe Photoshop, Illustrator (Might need to be converted to PSD later), XD or Sketch and saved as editable layer
Submission.zip – PNG/JPG files
Submit JPG/PNG image files based on Challenge submission requirements stated above.
preview.png – Your preview image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72 dpi and place a screenshot of your submission within it.
declarations.txt – All your declarations and notes
This file must contain your notes if any, fonts, stock art declarations and your Marvel project URL.
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.