Utopian.io Banner and Divider Design

in #utopian-io7 years ago (edited)

utopian-io.png

Repository

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

Linked Task Request

Link :task request

Details

Utopian.io wants to improve their graphic presentation in announcement and formatted blog posts by having customized banners. I have made a different kinds of banners for each categories to make each categories appealing.

Utopian Weekly

This category contains all the updates of the previous week and is published every friday. The update contains development updates, marketing and PR updates as well as future plans and planned projects.
utopian-weekly.jpg

Utopian Magazine

This category is a new biweekly format that plans to deliver an interesting Open Source content from around the blockchain and the web.
utopian-magazine.png

People of Utopian

The category highlights the prominent community members in personal interviews.
people-of-utopian.png

Open Source Radio Show

Utopian.io collaborates with MSPWaves and will soon launch the Open Source Radio Show highlighting top content and featuring valuable community members and the discussion on all the open source things.
open-source-radio-show.png

Generic, Unplanned Updates

Designing a customizable banner that do not fit in the other formats.
unplanned-updates.jpg

Design for the shorter titles
unplanned-updates(shorter).jpg

Design for the longer titles
unplanned-updates(longer).jpg

Dividers

Designing a dividers to make the banners more visually appealing. I created two designs for the dividers that blends with the banners.

first is the futuristic design with the utopian logo in the center
dividers.png

second is also a futuristic design without the utopian logo on it.
dividers1.png

Mockups

black.jpg
black1.jpg
black2.jpg
black3.jpg
white mockup1.jpg
white mockup.jpg
white mockup2.jpg
divider black.jpg
divider.jpg

Benefits / Improvements

  • Minimalistic and clean design
  • The color I used works well on white and dark theme in steemit
  • I have given all the requirements needed

Proof of Autorship

1.png2.png
3.png4.png
5.png6.png
7.png8.png
9.png10.png
11.png12.png
13.png14.png
15.png16.png
17.png18.png
19.png20.png
21.png22.png
23.png24.png
25.png26.png
27.png28.png

Tools

  • Adobe Illustrator CC 2015 for creating the design to create a vector format
  • Adobe Photoshop CC 2017 for making the presentation

Original Files

Google Drive
Font : Aller display

Proof of Work Done

https://github.com/jefz

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

Sort:  

the design of the banners are quite basic and generic, with most elements was provided by utopian.

The font in your pdf file was not converted to shapes (outlined) and it changed when opened on pc that has no aller display font installed.


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

sir, there was a separate file for the outlined text, I added it yesterday

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

Award for the number of posts published

Click on any badge to view your own Board of Honor on SteemitBoard.

To support your work, I also upvoted your post!
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

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

Coin Marketplace

STEEM 0.12
TRX 0.34
JST 0.033
BTC 125033.60
ETH 4560.83
SBD 0.79