TrendChecker Logo, Profile Cover and Post Thumbnail

in #utopian-io7 years ago (edited)

Details

TrendChecker is a bot that tells you how high your post is in Hot/Trending/Promoted feeds.

Through the respective Task Request, the project owner @wil1liam asked for proposals for TrendChecker's account visual identity elements such as the Profile Logo, Cover and Thumbnails. The specification were the following:

Size
  • thumbnail: 800 x 464
  • profile logo: 34 x 34 + 64 x 64
  • profile cover: 1280 x 176
Design
  • The thumbnail should include the word “TrendChecker”.
  • All 3 designs should obviously have a common theme.
  • The designs should be modern, clean and minimalist.
  • Good visibility should be provided.
  • No particular color scheme is required and you can submit multiple ones.
  • A .png output would work fine.

After providing some samples to the Project Owner I discarded some ideas that he really didn't like. Therefore, I provide the final proposals for the task at hand. The background color and shadow effects is the same for all the elements through my proposals to ensamble it better.

Cover

I wanted to include the typical trending arrow (an item you will find several times in this post) together with the upvote symbol for Steemit. I visualized the upvote as bubbles ascending at one of the sides of the cover and in the other side a phrase that summarizes the TrendChecker bot functionalities.

Cover TrendCheck 3.png

Variations:

Cover TrendCheck 1.png
Cover TrendCheck 2.png

Test:

image.png

Logo

At first I wanted to do a more complex logo but due to size restrictions it was totally discarded. I went for a simple initials with the same trending line from the Cover in a different color combination. The used Font in it is Freedoka One. In this case I'm not providing more color variations because they need to fit well under the same background color.

Logo TrendChecker5.png

Variation:

Logo TrendChecker5 PNG.png

For Test, see Cover Test.

Thumbnail

I first wanted to do a robot flying on the trending line, but after talking with @wil1liam we totally discarded that idea to keep a more simple design. I provide 2 thumbnails for Development Updates (Devblogs he is already doing) and Statistics (he mentioned both Weekly and Daily Statistics so he can further change the design to adjust the desired time period). I took easy to relate elements for each of the 2 situations and added them to the base thumbnail.

Development Updates:

Thumbnail Development TrendChecker.png

Statistics:

Thumbnail Statistics TrendChecker.png

Test:

image.png

Benefits / Improvements

I believe my design provides an eye-catching and understandable design set for the TrendChecker Bot account that is both simple and modern and can be easily modified for further changes over time and that has been made in accordance with the project owner's guidelines and constant feedback. Also the designs were made in a way that adjustments can be made to all to fit in with different proposals, in case not all the 3 elements are used from my designs but from several contributors, hence why the logo is not in the Thumbnail and the Cover can work by itself.

Tools

All the designs were done using Affinity Designer

Original files

You can find all the files in a Google Drive Folder here

License

Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

  • It's good that your designs have a common theme and used by Project Owner
  • There are some problems on your logo design. You can fix it

1- These part of arrow should not outflow from circle.

2- This tiny space is not a good choice. It should be either wider or shape must reach the circle.

You can contact us on Discord.

[utopian-moderator]

Thank you for your feedback! I will make sure I correct this kind of mistakes in the future.

Hey @baranpirincal, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!


Estamos seleccionando gente con talento en nuestro club.
Somos ya 60 miembros destacados con un poder de voto total de más de 35.000SP.
Si quieres saber más sobre nuestro funcionamiento y sobre cómo acceder al club, pásate por nuestro servidor:

Saludos.Buenas tardes, @jmromero https://discord.gg/E6xkvwJ

congratulations:)

Thank you so much! I got the news due to this comment. Thank you!!

You already know that you won but I had to comment under your post... So you're the winner! Congratulations!

Hey @jmromero I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Congratulations @jmromero! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

<p dir="auto"><a href="http://steemitboard.com/@jmromero" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 2x" /> Award for the number of upvotes <p dir="auto">Click on any badge to view your own Board of Honor on SteemitBoard.<br /> For more information about SteemitBoard, click <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here <p dir="auto">If you no longer want to receive notifications, reply to this comment with the word <code>STOP <blockquote> <p dir="auto">Upvote this notification to help all Steemit users. Learn why <a href="https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here!

Congratulations @jmromero! You have received a personal award!

1 Year on Steemit
Click on the badge to view your Board of Honor.

Do not miss the last announcement from @steemitboard!

Do you like SteemitBoard's project? Then Vote for its witness and get one more award!