Banner And Divider Proposal For Utopian.io

in #utopian-io7 years ago (edited)

utopian.io.jpg

Repository

https://github.com/utopian-io/utopian.io

Linked Task Request

Calling Designers: Make Our Blog Gorgeous (and get an Upvote & Bounty)!

Communication

For having communication for this task request, I posted my design first in the Designers Channel at the Utopian Discord Group which could be found here.

  • Screenschots of my communication with the community manager for the graphics category could be checked here.

Details

Since Utopian.io is now looking to improve the graphic presentation of their announcements and formatted blog posts, here are my proposed designs for the banner and divider to help make their post look more visually appealing. In my design the lines creating polygons together with circles indicates technology. I can symbolize Utopian.io with this, since it is more on the contributions for the open source community.

utopian-weekly.jpg

Utopian Weekly

This is topic will be published every Friday this also contains all the updates of the previous week that includes the development updates, marketing and PR updates as well as future plans and planned projects. I added circles in my design with different oppacities to have a distinction for this post topic.

utopian-magazine.jpg

Utopian Magazine

This topic is a new weekly format that Utopian.io planned to deliver interesting Open Source content from around the blockchain and the web. I added a magazine silhouette in the background to symbolize topic title.

people-of-utopian.jpg

People Of Utopian

This topic highlights prominent Utopian community members in personal interviews, and it is posted weekly. I added human figuers in the background that indicates the people in the post topic.

open-source-radio-show.jpg

Open Source Radio Show (Temporary Name)

Since Utopian.io is in collaboration with the MSPWaves, they will soon launch this topic that highlights top content and they will be featuring valuable Utopian community members, as well as discussion on all things Open Source. For this, I added a radio signal in the background to symbolize the post topic.

utopian-general.jpg

Generic, Unplanned Updates

For this topic, I had provided two variations. A fully customizable banner template for short and longer titles. Since its for general and unplanned updates I left it clean and minimal having nothing in the background.

This template is for the shorter titles, this template contains a single line for the post title below the Utopian logo.

short-text-general.jpg

This template is for the longer titles, this template contains double lines for the post title below the Utopian logo.

long-text-general.jpg

Divider

divider.png

To fully complete the theme of having this polygon designs for each banners, I provided a divider which blends with the theme I created for each.

Font Used

fonts.PNG

Colors Used

Untitled-2.jpg

Mockups

ok1.jpg
ok2.jpg
ok3.jpg
ok4.jpg
ok5.jpg
ok6.jpg
ok7.jpg
ok8.PNG
ok9.PNG

You can open this images in a new tab to have a full view of the mockups for the designs.

Benefits / Improvements

  • My design is clean and minimalistic.
  • It follows the requirement set by the task request.
  • The colors used is clear and visible for both black and white themes of steemit.
  • Having a common theme for all the designs gives an identity or standard for the topics in general.
  • My design would fit for the project since it will give more visual appeal for the formatted posts of Utopian.

Proof of authorship

1.png2.png3.png
4.png5.png6.png
7.png8.png9.png
10.png11.png12.png
13.png14.png15.png
16.png17.png18.png
19.png20.png21.png
22.png23.png24.png
25.png26.png27.png
28.png29.png30.png
31.png32.png33.png
34.png35.png36.png
37.png38.png39.png

You can open this images in a new tab to have a full view of my process in making the designs.

Tools

In creating my work, I mainly used Adobe Illustrator CC 2015 for making the design as it produces vector outputs and not pixel based like Adobe Photoshop. I only used Adobe Photoshop CC 2017 for the mockups and making the whole presentation.

Original files

Download Here
Open Sans Font

Proof of Work Done

https://github.com/dibon-github

Creative Commons License

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

Sort:  

I was signup utopian before but dont know what the next steps the gethub said get my hub but I already got it maybe ive miss more infor for signing up the utopian ioa, but its said for pc mode or ios not for andriod I think can you help me to proceed my signing...

@therealwolf 's created platform smartsteem scammed my post this morning (mothersday) that was supposed to be for an Abused Childrens Charity. Dude literally stole from abused children that don't have mothers ... on mothersday.

https://steemit.com/steemit/@prometheusrisen/beware-of-smartsteem-scam

Here my evidence for signing utopian IMG_20180522_132705.png

Thankyou and looking forward to the team for.helping what shoulf I do next steps...

Congratulations! This post has been upvoted by the communal account, @steemph.cebu by baa.steemit being run at Teenvestors Cebu (Road to Financial Freedom Channel). This service is exclusive to Steemians following the Steemph.cebu trail at Steemauto. Thank you for following Steemph.cebu curation trail!

Don't forget to join Steem PH Discord Server, our Discord Server for Philippines.

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly & Featured Posts are voted every 2.4hrs
Join the Curation Team Here | Vote Resteemable for Witness

Congratulations! Your post has been selected as a daily Steemit truffle! It is listed on rank 12 of all contributions awarded today. You can find the TOP DAILY TRUFFLE PICKS HERE.

I upvoted your contribution because to my mind your post is at least 21 SBD worth and should receive 56 votes. It's now up to the lovely Steemit community to make this come true.

I am TrufflePig, an Artificial Intelligence Bot that helps minnows and content curators using Machine Learning. If you are curious how I select content, you can find an explanation here!

Have a nice day and sincerely yours,
trufflepig
TrufflePig

I like the first image that you used as the post thumbnail. However, I am not fond of the other versions that much. Thank you for participation, we will see who will be chosen.

Thanks sir @espoem im glad to hear a feedback from you.

I love the background with wireframe. 😇👏

The designs are quite basic, but I really like the simplicity and there is tech vibe which i really like too.


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]

Thanks for the feedback and moderation @nilfanif

Hey @baa.steemit
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.

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

Vote for Utopian Witness!

Coin Marketplace

STEEM 0.13
TRX 0.35
JST 0.034
BTC 115710.53
ETH 4479.83
SBD 0.86