Animated Banner Design for Steemit Advertising Campaign

5 days ago
68 in steemit



For the past few days I have been involved in a project initiated by @cryptohustlin in order to get some campaigns going. The crypto-wave is on the rise so we might as well ride it.

I will be designing some animated banners. I want to note here that I will receive (a reduced) payment for the upcoming designs but if enough amount is gathered through this post I will keep making more variations and designs for future campaigns.

Here are a few of our currently running campaigns. https://goo.gl/#analytics/goo.gl/DZ7a4j/month https://goo.gl/#analytics/goo.gl/K4b2ym/all_time https://goo.gl/#analytics/goo.gl/exNCJZ/all_time

A few more campaigns are on the way.

I preserved the original slogan (the one used last year). A small explanation about the concept: The first letters appear as being typed (blogging reference) while the "get paid" flashes more vividly. The transition that follows maintains the basic shape of the logo.

Keep in mind that the animation had to be optimized in many ways since most websites allow only a minimal size for animated banners.











I will be experimenting with vertical designs for side banners as well as different themes that would fit more appropriately for each specific campaign. If you want to use the banner for promoting Steemit yourself feel free to do so. if you need a smaller size please message me on Steemit chat and I will arrange it.


Edit: Version 2















Authors get paid when people like you upvote their post.
Join our amazing community to comment and reward others.
Sort Order:  trending
72
  ·  5 days ago

Great design! My only issue is that I'm not a big fan of the word "blog" to sell it. That's what we have now, but I think it's going to change and that we'll see more diverse lengths/types of content be rewarded appropriately also. I think "Post" or "Post. Vote." might appeal to more people.

·
68
  ·  5 days ago

"Post. Vote." sounds more appropriate indeed. I can prepare a variation, no problem.

·
·
72
  ·  5 days ago

I think so as well, "Post.Vote" does seem better. But anyways, I like it! Concise and great design at the same time.

Great job guys!

·
·
·
68
  ·  5 days ago

thank you

·
43
  ·  5 days ago

I'm a curator, not a blogger, so I also prefer the variation suggested here for the wording.

Plus, "Blog. Get Paid" does seem somewhat like a writing job advertisement. The other suggestions do seem to better refect the unique content reward offerings of Steemit versus blogging elsewhere.

·
68
  ·  5 days ago

59
  ·  5 days ago

·
68
  ·  5 days ago

looks good man!

46
  ·  5 days ago

Nice sketches, digital art! Check out my works, would be honored to get followed by you. My recent post.

65
  ·  5 days ago

Congratulations @kyriacos!
Your post was mentioned in my hit parade in the following category:

  • Pending payout - Ranked 8 with $ 896,16
45
  ·  5 days ago

SLICK banner design, love it :D

·
68
  ·  5 days ago

thank you

37
  ·  5 days ago

Wow! That looks incredible! It looks like it has integrity too from its aesthetic. When I tell people about Steemit they feel like it's a scam or too good to be true. This helps everyone get the word out.

·
68
  ·  5 days ago

glad it sets a high standard then :) let's hope they do join

47
  ·  5 days ago

nice campaign, good work!

·
68
  ·  5 days ago

thank you

25
  ·  5 days ago

nice post.. ..well done!

28
  ·  5 days ago

Great work mate!
I have also sketched some great ideas about https://steemit.com/ and i will showcase on my next post.

Well done.

·
68
  ·  5 days ago

thank you

49
  ·  5 days ago

That GIF is so simple but it looks great!
Might start using it on different forums I go on

·
68
  ·  5 days ago

please do. if anyone needs smaller versions please let them contact me on chat.

36
  ·  5 days ago

im a designer too!! would love to collab if could :)

·
68
  ·  5 days ago

sure. message me in chat

·
·
36
  ·  5 days ago

a bit new to steem, how do i message you?

·
·
·
68
  ·  5 days ago

on the upper right corner there is a dropdown. Find Steemit Chat. make an account. my screen name is the same as here.

59
  ·  5 days ago

Really is so great
Keep the good work
Happy to be one of your followers
Thanks for sharing
Have a great day

·
68
  ·  5 days ago

my pleasure. glad you liked it.

·
·
59
  ·  5 days ago

Thanks so much
You are so creative
I hope that I can use it
I used it here

https://steemit.com/steemit/@lordoftruth/hf19-are-you-ready-to-steem-on-after-the-hard-fork-19

Really is so great

·
·
·
68
  ·  5 days ago

great!

46
  ·  5 days ago

Great job! I like your design! #aggroed

·
68
  ·  5 days ago

thank you

61
  ·  5 days ago

good job. @kyriacos
upvote and follow you

upvote and follow me to

·
68
  ·  5 days ago

Thank you

45
  ·  5 days ago

I like the banner. Simple, to the point. Professional.

·
68
  ·  5 days ago

thank you

41
  ·  5 days ago

Good work

·
68
  ·  5 days ago

thank you

49
  ·  5 days ago

That's a great initiative and it's quite admirable that people are dedicating time, effort and resources to grow the platform as a whole.

Keeping in mind your drawing skills, I think you should try something more whimsical and cartoonish. Or will it take way too much time and effort?

·
68
  ·  5 days ago

thank you. Two things:

  1. I think it might distract people due to the nature and placement of banners and the fact that steemit is still young. Perhaps if the identity was established we could play with more creative solutions.

  2. Complicated animated details are not really favored when it comes to the size of the file. Website owners tend to be pretty strict with that. Detailed animations are also very time consuming indeed.

·
·
49
  ·  5 days ago

Yep, both points make a lot of sense. I didn't really mean animations, more like a face with an engaging expression or something, but yeah, clean and properly branded probably makes a lot more sense than what I was thinking about.

45
  ·  5 days ago

Wow, these are great! It gets your attention right away. I can definitely see these campaigns taking off :)

·
68
  ·  5 days ago

let's hope they do :)

30
  ·  5 days ago

Hi @kyriacos
I am thankful for the time and effort with which u had to come up with ( a beginners' guide like) this. Indeed it is at the very least informative, eye-opening and instructive. While I look forward to a great experience here at Steemit, I must say it would do me great pleasure to be one of your prodigies. That's if you would oblige me. Gracias

·
68
  ·  5 days ago

I am confused but strangely pleased

43
  ·  5 days ago

Great designs dude looking forward to the rest of the designs
Can you please check this out https://steemit.com/steemit/@thepsychguide/how-ai-came-about-and-how-it-will-affect-us-part-2

43
  ·  5 days ago

The middle one (Blog - Get Paid) is awesome! Definitely think Steem should use that one. Great work

·
68
  ·  5 days ago

Thank you. That's the only one. The other is just an intro cover for the post

44
  ·  5 days ago

Nice post....
I like it...

·
68
  ·  5 days ago

thank you

56
  ·  5 days ago

That banner looks great!

·
68
  ·  5 days ago

thank you

56
  ·  5 days ago

Very nice

·
68
  ·  5 days ago

thank you

32
  ·  5 days ago

I like the basic design, you can get away with a lot more. I normally get stuck with designs where you have a 600 x 300 with x3 full color images of properties.
I struggle to keep the size low enough but still keep good quality in the photos.
Any suggestions?

·
68
  ·  5 days ago

if you are working with photoshop animations try to play with the lossy setting when you output to gif. Also try to get rid off any duplicate frames.

·
·
32
  ·  5 days ago

Hi Kyriacos, I have x3 frames/slides and I have set my Lossy to about 18 and the file size is better but the quality in the images are... well.... Lossy. You end up getting these small dots all over the image. Just not always easy to please both Google and the big boss at the same time.

But hey, Google wins this time and I have to keep my file size as close to 150K as I can so Lossy it is!

·
·
·
68
  ·  5 days ago

Yeap, we always end up sacrificing size for quality. I remember myself spending hours tinkering these settings rather than designing. Very complex, especially with motion blur

54
  ·  5 days ago

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

Award for the number of comments

Click on any badge to view your own Board of Honnor on SteemitBoard.
For more information about SteemitBoard, click here

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

By upvoting this notification, you can help all Steemit users. Learn how here!

44
  ·  5 days ago

You see, I needed one of yours for my latest post. It would have worked so well with the whole Steemit theme.

59
  ·  5 days ago

Good job

Upvote and resteem :-)

·
68
  ·  5 days ago

thank you

51
  ·  5 days ago

Love your work, resteemed it!

·
68
  ·  5 days ago

thank you

45
  ·  5 days ago

I like your blog/get paid banner. Simple and clean.

·
68
  ·  5 days ago

thank you

52
  ·  5 days ago

nice bro..
i followed your steemit account because of your supportiveness in steemit community please help me raise my steem power thanks ..

·
68
  ·  5 days ago

thank you

38
  ·  5 days ago

Hey @kyriacos, nice post. I am a relatively new Steemer who recently signed up. It would be great if you could check out my profile page and follow me if you enjoy my articles. Thankyou!

·
68
  ·  5 days ago

sure

47
  ·  5 days ago

Your skilled in design - i hope the projects so well

·
68
  ·  5 days ago

thank you

56
  ·  5 days ago

Very cool! I like the simplistic design and the clarity of the message. I think clarity should be the number one focus of all Steemit and Steem advertising campaigns because cryptocurrency scares people tbh. Resteemed and followed! Cheers mate

·
68
  ·  5 days ago

thank you

55
  ·  5 days ago

Upvoted, the more variations of everything that could be used to advertise the merrier. Everything you do is great! Thanks for being on steem, and for sharing all that you do!

·
68
  ·  5 days ago

You are too kind :)

17
  ·  5 days ago

13 points on How to make a STEEMIT post go trending and Make money with STEEMIT
https://steemit.com/steemit/@hussnainrazakhan/how-to-succeed-on-steemit

32
  ·  5 days ago

I am new here but this thing is evolving fast. Will turn into something more than a blog.

59
  ·  5 days ago

That looks really good!
Maybe only thing I noticed is it feels like the first text moves a bit fast after "get paid" pops up. Maybe I'm wrong, but I'm a fast reader, and it goes away quickly.

But the most important part is there. The Steemit text ;]

41
  ·  5 days ago

What program did you used to make them?
Nice banners!

·
68
  ·  5 days ago

screenflow and photoshop

thank you

25
  ·  5 days ago

Looks great! Would love to see more versions...
FYI I see some interpolation around the edges :)

·
68
  ·  5 days ago

I will create another version soon.
I actually added motion blur so I could have interpolation :)

49
  ·  5 days ago

That's really nice banner. This is what my friend designed.
https://giphy.com/gifs/l0Iy1ex4qTxx7qC4M/html5

·
68
  ·  5 days ago

it looks great!

·
·
49
  ·  5 days ago

Thanks!

47
  ·  5 days ago

Nice! Middle one is my favorite one! Simplistic on the one hand but still stylish! ^^ Good job!

·
68
  ·  5 days ago

yeap. Just the middle one counts. The other one is a cover

42
  ·  5 days ago

Keep the good work my friend!!!

·
68
  ·  5 days ago

thank you

·
·
42
  ·  5 days ago

I believe i need your help-when you find little time sent me an email iceman5556@gmail.com
Thank you in advance!(Your friend from Greece)

·
·
·
68
  ·  5 days ago

Let's talk from Steemit chat. There is a dropdown on the top right corner of your screen.

·
·
·
·
42
  ·  5 days ago

I am in the chat now

25
  ·  4 days ago

Looks really good m9. Effectively conveys what happens on steemit as well. You more or less get paid to blog/post in general.

·
68
  ·  4 days ago

thank you

38
  ·  10 hours ago

Good post

·
68
  ·  9 hours ago

thank you