UI/UX, branding and logo Design for European Financial Transparency Gateway (EFTG)

in utopian-io •  6 years ago 

business-and-envelopes-branding-scene(1).jpg

Repository

EFTG-Steem Repository

Linked Task Request

[STEEM BOUNTY] EFTG – Talented Graphic Designers needed to create logo and visual identity for portal running on private STEEM Blockchain by @utopian.tasks for EFTG Project.

Details

Aim of the EFTG Pilot Project consists in developing a blockchain platform infrastructure technically enabling citizens and investors by giving them increased accessibility to public regulated information provided by the participating Officially Appointed Mechanisms (OAM). The EFTG Pilot Project also aims to provide search capability among real Member States' data, such as those from the Annual Financial Reports (AFR) in order to help contribute to further integrated capital markets.

Task owner was looking for branding and UI design for European Financial Transparency Gateway (EFTG) EC Initiative, which is a new initiative of the European Union Commission.

UI Design - My goal was to make a professional looking, but still simple and usable UI design. A poorly designed user interface has a really bad side effect on productivity, so i've tried to use straightforward and scalable for all desktop screen resolutions. I choose some colors which are easy for the eye and fonts which are easy to read even on small resolutions. Tried to push the usability to the maximum.

Logo design - I chose Lato font as main font for the logo. I tried to keep the simplicity of the UI and branding design and to adopt this principles on logo design too. The simple shape above the "EFTG" creates a dynamic, movement feeling while it keeps the readability of the brand name.

Branding guideline - The Task owner suggested to use business blue color as the main one, so i used blue, white and some grey as highlight and accent colors. Montserrat is a great font - I've chose this one as the font of UI design - with great variety of font weights. Used only medium and normal font weights to keep the UI simple and to prevent unnecessary http requests (using way too many fonts usually slow down websites, my goal was to prevent this).

Benefits / Improvements

I've tried to use tree simple principles while i created the UI, Logo and branding design: Simpicity, Usability, Flexibility. I think this are the main characters of a strong brand and usable interface too. So i've tried to apply this everywhere over the designs. I think this helped me a lot to make the designs consistent and unified.

Screenshots

Logo variants

logo-preview.jpg

High resolution png and source files of the logo are available HERE

Branding guideline

Branding guideline.png

UI Design

Main.png

Main-1.png

Main-2.png

Main-3.png

Working prototype

figma-mockup.gif

Figma (the tool which i used for UI design) give the possibility to create interactive prototypes. Feel free to check how the new search screen will work in action: Figma prototype of EFTG UI

Proof of authorship

progress.png

Tools

I have used Figma for creating the UI and Affinity Designer to make the logo and Adobe Photoshop to create the psd version of the logo.

Original files

Source files

This work is licensed under Creative Commons Attribution 4.0 International License

Proof of Work Done

[outwork's Github profile](https://github.com/outwork

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for this excellent contribution.

Please include export of UI in PDF. Figma is not used that much and we need the way to inspect the design and of course, it would be used in the future.

Please include logo in one color (black) and inverted (white on black bg).

Include definitions of colors in CMYK and Pantone of that blue. Also a definition of that blue gradient.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

Hi. Thank you for your feedback. I have updated the Google Drive folder with the new details/graphics:

Thank you for your review, @andrejcibik!

So far this week you've reviewed 2 contributions. Keep up the good work!

Hi outwork - Many thanks indeed for contributing positively to our EFTG project. It was a real pleasure interacting with you. Both your commitment, patience and drive enabled delivering quality outputs that are matching our business requirements.

Hi Christophe. This was a really fun project, really loved to work on it. Thank you for your kind words and feel free to message me on discord if you need my help!

Nice design work, @outwork.

Cool, i want to follow but i get a time-out :-(

Posted using Partiko Android

All good, following, fantastic logo by the way

Posted using Partiko Android

Hi @outwork!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

Congratulations @outwork! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

Award for the number of comments received

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

SteemitBoard Ranking update - Steem Power, Followers and Following added

Support SteemitBoard's project! Vote for its witness and get one more award!

Hey, @outwork!

Thanks for contributing on Utopian.
Congratulations! Your contribution was Staff Picked to receive a maximum vote for the graphics category on Utopian for being of significant value to the project and the open source community.

We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Congratulations @outwork! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

Award for the total payout received

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

SteemitBoard Ranking update - Steem Power, Followers and Following added

Support SteemitBoard's project! Vote for its witness and get one more award!

Congratulations @outwork! You received a personal award!

Happy Birthday! - You are on the Steem blockchain for 1 year!

You can view your badges on your Steem Board and compare to others on the Steem Ranking

Vote for @Steemitboard as a witness to get one more award and increased upvotes!