Create promotional image material like new banner for the Website

Reiner's picture
Project: 
Bforartists Tracker

This task is about creating promotional image material like a new banner for the webpage.

Status: 
Closed (fixed)
Priority: 
Normal
Category: 
Webpage
Component: 
Miscellaneous
Assigned: 
Reporter: 
Created: 
Fri, 09/22/2017 - 18:31
Updated: 
Sun, 10/29/2017 - 17:51

Comments

34
davis's picture

I worked on the logo today and believe this is ready to be applied, if everyone agrees?

I would go with three color variations to be used on light medium and dark backgrounds.

 

Image: 
davis's picture

The symbol also scales down really well to be used as App Icons. - I removed the shading for the 16x16px version to make it better readable, all other sizes look fine to me.
 

Image: 
Reiner's picture

Looking good. Even the 16 x icon looks better than expected. Green light from me.

Just curious, where do you plan to use the three big logo banners? We just need one banner for the header of the webpage I-m so happy
 

davis's picture

Those were just to show the different versions of the logo and the application on backgrounds with variable lightness. So depending on the brightness of for instance the splash screen image a different colored logo can be used. That variation will also make the whole visual style a bit more interesting.

- I am working on the banner right now.

Reiner's picture

Cool Smile

The logo has again a bit changed, right? The bright border is again a bit slimmer. It looks better this way. I will use the new version then for the next splash screen when you don't mind Smile

Could you upload the svg version for the final result? Then i could also make the new icons.

davis's picture

Sure, I´ll export the logos right away, or if you want I can also create some pixel images to be used directly?

Here is my proposal for the website banner and color adjustment. - Not sure if those are easily done in the drupal template?

I would propose to make the background on top the same grey as the background of the main site (#E8E8E8) and all horizontal bars, like the menu bar, the dividers in the forum section and the footer in dark blue (#0F2D46) ... Then the banner can be put on top of this with a transparent background. Making it longer would be my preference, but for now I kept the current dimensions of 960x160px, so that would be an easy swap, if the background color can be adjusted.

 

Image: 
Reiner's picture

Thanks for the mockup. Looks friendlier this way. I'll have a look tomorrow if we can adjust the colors to this scheme Smile

davis's picture

Here are the final logo files. I will also make a thread in the development section in the coming days, to keep all material accessable for everyone.

 

Reiner's picture

This is imho not really necessary. That's what the tracker is for. But feel free to do so Smile

davis's picture

And here is the banner for you to try if it fits. - Do we need anything else?

For the youtube channel and the facebook site I would propose to use the current splash screen with the logo as header.

Image: 
Reiner's picture

Hm, the youtube channel image, haven't thought about it. I'll have a look tomorrow too. For the facebook page you have to ask Draise. He's the one who creates it Smile
 

davis's picture

For some reason the alpha channel is removed when I post the PNG as an image I believe? - Here is the banner from above in a zip file.

Reiner's picture

Narp, that's just an optical illusion from the board here. Alphachannel is intact Smile

davis's picture

Ok, just let me know, if you need anything else. Wink

Reiner's picture

Will do. Many thanks so far Smile

Reiner's picture

Page is changed. Thanks for the theme mockup and the banner. It's definitely an improvement to our page.

Just in case you have some more spare time left, any ideas for the Feature page?  Smile

Now on with the icons ...

davis's picture

That looks really nice and clean. Better than expected even. Biggrin

I did not notice before though, that the header is really high for visitors that don´t have an account. - Most of the time I am logged in I guess. - Is there a way to move the login button to take less space, or maybe move the login into the menu instad of the header area? - Or maybe just align the header image to the bottom of the area? - The logo and the spheres look a bit lost with all that empty area around them. It´s also a lot of prime web real estate wasted. :/

I like the idea with the slider. What kind of content do you want to put in there?

 

Image: 
davis's picture

Now that the slider is gone it looks better though, so maybe it is just a spacing thing for the area below?^^

Reiner's picture

Yeah, turns really out very well Smile

Good idea with the login area. I already had a crack at it. And failed. And have happily forgotten about it then. That's a bigger operation at the open heart of the theme. But nobody says that we shouldn't try it again. I will make an issue for it Smile

Same goes for the slideshow. I just rediscovered that the theme has also a slide show available. And so i tested it. I have currently deactivated it again. We first have to fit it I-m so happy

I think about some images, slogans and small informations and facts here. So no substitute for the Features page. More a very small overview. With around 10 pages. Something in the style of "Make Graphics, not Hotkeys" followed by a "Bforartists useage is based at the graphical UI" And a small example image for it.

Slogans and ideas are welcome in the new issue Smile

Reiner's picture

Now that the slider is gone it looks better though, so maybe it is just a spacing thing for the area below?^^

I will have a look to make the slide as small in height as possible. 150 or 200 px. This can be adjusted by the image sizes ...

Draise's picture

Woke up to see the page updates, new logo, everything. It looks way more professional and attractive! Good work guys! I'm impressed.

davis's picture

Yes, little tricks go a long way sometimes. - If you need anything for the facebook page you are creating, just let me know. Wink

Reiner's picture

Just wanted to add, good job Davis Smile

Draise's picture

Actually.. Good plan. I will probably make it and start publishing things from here, like announcements and art and tutorials, etc. Copy paste site info/news into the facebook page mostly.

What I need is a 1:1 profile image of the logo icon would be great. could be either 2048px X 2048px (I'll resize from there to around 180px X 180px)
And a cover art with the logo at 840px X 340px
 

davis's picture

Here you go, I cropped a piece of the current splash screen for the header image. I think it would be nice to always change the header when the splash screen changes? - I also included a  2048 and a 180px logo as the avatar. - - - Let´s go, get some likes.^^

Files: 
Reiner's picture

Can i use this for our Google+ account too? Smile

davis's picture

Google+ uses different dimesions. - If I looked it up correctly those images should do there.

Files: 
Reiner's picture

Yay \o/

Thanks. Moar work for tomorrow I-m so happy

Draise's picture

Thanks.

Woah, people use Google+?!

I'll make the facebook page tomorrow or around midnight tonight.

Reiner's picture

Not a lot to be honest. But yeah, we have around 20 Google+ followers at the moment I-m so happy

Reiner's picture

Google+ account updated.

Reiner's picture

Upated the logo in the splash screen template to the newest version

https://github.com/Bforartists/Bforartists/commit/f1ab6f647ea74599d60c7b...

Reiner's picture

Added the new icons to the software: https://www.bforartists.de/content/add-new-icons-icon-sheet-and-sourceic...

And i think we are through for now. The thread has run its course. Closing Smile

Reiner's picture

Status: Active » Closed (fixed)