Creating A Logo For The SSV Unit Of Christian Union

Earlier this month, I was contacted by the lead of the SSV (Secondary School Visitation) Unit of Christian Union, UNIBEN, Ugbowo. And from a detailed brief, in the nick of time, I was able to come up with a logo the leader so loved, at first sight, made me believe in love at first sight.

Being a member of Christian Union myself, I had a fair understanding of their unit already and I feel that played a good role in being able to deliver a mark that represents them appropriately coupled with the brief I received, the UNIT is a group of kind youths reaching out to younger folks in love, sharing the love of Christ.

This piece had me taking a bold move, basing its basis on the global gender icons for male and female.

And why would I do that? Enough words already, let the graphics get talking.

Logo Type: Logo Combination
Client: SSV Unit (Christian Union)
Designer: Cirphrank.

The Logo On Black

The Brief - All you need to know about its build

The Logo Mark

The Logo On White
And there you have it. That's it for today.

Do well to let me know what you think via mail or the comment section.

And I'm available for your startups and next big projects, I'm simply a message away. 
 With ❤ Cirphrank


The Fine Art Of Sidebars

Sidebars are distractions
Yes, pal, you read right, think of this: when an event is coming, the organizers would list out the specifics and then put in the list any extras as side attractions, for content-driven platforms, that's what sidebars are, side attractions, and they should never be made the center of attraction. Ladies and Gents, I bring to you the fine art of sidebars.

First off, the best ways to you use a sidebar are:

  • If it is not necessary, do not use it at all.
  • If it is quite necessary, practice minimalism with the use.
A simple credible analogy of in a case wherein it's not necessary, do not use, is medium.com though I actually have no love for the platform (long story for another post), their UI is laudable, for it portrays the purpose of the platform pretty well.
From medium.com about page.
As you can see, the platform is a consumer first, a consumer only. Which thus implies that it would and actually is highly content driven, guess how the site displays posts made on her platform?
Random post from Medium
Did you guess without sidebars? if yes, clap for yourself, though that was a no-brainer. Why don't they make use of sidebars? simple: sidebars are suckers, a sidebar would suck the focus out of your consumer if you end up being careless with them. As you have seen on this website, I do not use sidebars! Let's be factual, visiting this site on a laptop would leave you a bit restless if I had a sidebar, better put, you'd be torn between multiple contents, let's say I had a sidebar, and in it, there's a sponsored video playing, and a subscribe form animating, a banner telling a story laced with a link, and when you scroll down, there's more. What happens? let me help you out, here's a summary; you are distracted and confused in a jiffy.

Even if the website is a niche based one, you'd be confused as to which of the contents on display are worthy, and which ones the folks behind website really wants you to have!

An example of such a website is: I don't want to make mention of names o... #laughing - so it doesn't appear like I am shaming any developer or trying to deface a platform. But you get the idea by now I believe, if the fast-rising, people's favorite blogging platform runs by the idea, I believe there's more than enough to convince you of the usefulness of NO SIDEBAR when you are a content first platform.

To best enjoy NO SIDEBAR, replacing it with floating share buttons is a sleek maneuver. Like I am doing on this platform.

For the second way which is to use it while keeping minimalism in practice, here's how it's done. 

Random Post From Neil Patel Blog
The screenshot above is from the blog of the best online marketer in the world (in my own opinion and that of Google), even after he has vehemently spoken against unclean websites and leaving consumers lost, irritated with unnecessary stuff, to the extent that it has been a major reason why he doesn't advise anyone to go for AdSense - then why does he have a sidebar active in the post pages of the blog section of his website.
Simply put; sometimes, side attractions are necessary!
In a case wherein side attractions are imperative in the setup of a page/platform, don't throw caution in the wind doing it. If you head on to the page I took this screenshot from, which is a good read for bloggers by the way (https://neilpatel.com/blog/blogging-principles), you would notice that he had only as little as the possible number of contents on display in the sidebar, and to strike through the necessity of it, he implemented the sticky last content protocol. Nobody knows the stuff like that, I made the name/phrase up.
Definition: it is that content that shows up last on your sidebar in a list of few, and once it's gotten to, no scrolling down can shake it off, it follows all the way down to the bottom!
It's kind of like a mono content sticky note you are imposing in your audience because it actually is good stuff. In the case of Mr. Patel, it is a webinar he considers imperative for all and sundry who have a flair for SEO. If you count the things on display in his sidebar, you would note that they are just 5(as at when I first wrote this) useful things, non is useless nor is there a crowd in there. And all of his posts are always long enough to make sure you feel the smooth effect of the sticky last content protocol whose consistency would leave you damn curious at the end of the page.
Homepage, Beta Yarn.
Another website we would see to how she's using the sidebar minimalism style is www.betayarn.com (I actually designed the site), on the site you would find that when it comes to the sticky last content protocol, like tango, it could take two.

In there, I made the search bar sticky alongside the AdSense advert. Well, why? everyone wants quick access to whatever they've got in mind, the search bar makes that really possible, just tilt your mouse a bit to the right, no matter what line you are on, on any page, and you can go on and search away, no need scrolling to the top bar or footer or some other far place when you can have it right there by your side. Why the AdSense advert? oh please, everyone wants to earn.

So you see, practicing the minimalism style is all about filtering away to the most necessary stuff and putting them up with style. If not for the minimalist style, if you asked me, I would say sidebars are on their way to extinction. 

And that's pretty much it with using the sidebar in a minimalistic style, and while writing to this extent, I have along the line dropped reasons why not practicing the fine art of sidebars can be dangerous, but just in a case wherein you didn't really catch the Easter eggs, here we go:
  1. It confuses your audience, leaving the lost.
  2. Increases your bounce rate.
  3. Mar your UI/UX (User Interface/User Experience).
And what's gained from practicing it?
  1. Better audience retention.
  2. Sleek UI/UX
  3. Decreases your bounce rate
  4. Helps deliver your messages clearer
  5. Comes in handy for CTAs and the likes in a more effective manner.
And dear reader, those 3 bad effects are actually enough to adversely affect your platform greatly in the long run. While the good 5 effects are the preamble to a lot more benefit.

And benefits are why I brought to you the fine art of sidebars, I hope you practice sternly. See you on the cleaner side.


Amazing Food Typography By Yemi Fetch

This post is not one that requires me to write too much, it's a simple one of wherein all I need to do is show and the picture will speak volumes like it's trying to murder decibels, actually the basis of this is me showing off my daddy (the best visual identity designer in from and in Nigeria, whose specialty is in Typography), in this quick one, I'll be showing you ten best food typography the world has been opportune to witness. All copyrights reserved, Yemi Fetch.



Say it already, huh... you also love my daddy! right? ๐Ÿ˜Œ 

Just in case:
Typography is the art and technique of arranging type to make written language legiblereadable, and appealing when displayed. The arrangement of type involves selecting typefacespoint sizesline lengths, line-spacing (leading), and letter-spacing (tracking), and adjusting the space between pairs of letters (kerning[1]). The term typography is also applied to the style, arrangement, and appearance of the letters, numbers, and symbols created by the process. -WikipediaTypography

And it's with that I say, bye, for now, hope you had a great time. #share

P.S.: did you miss that he was rather pinning this down than writing with his food in one?


Weekend Round Up

Happy Sunday there, hope you have had a great week of engaging clients and scaling ideas to realities with codes๐Ÿ˜‡ - I have.

If you haven't, don't give up now, a new week is upon us, come tomorrow, push more and better. Well, below is my roundup for your consumption this week as regards stuff I love in tech. Just two for you๐Ÿ˜‰.

1. Creating a blog. The Easy Guide.

Here are the links to all the steps you'd need to create a blog yourself, without any prior knowledge of coding, crystal clear guides that will help you steer your way around getting your own blog even on zero naira budget.

  1. Open The Blog 
  2. Customize The Blog
  3. Basic Theme Customization
  4. Custom URL SetUp Tutorial
2. The Floating Share Buttons Guide.
And if you happen to be not pleased with the rate at which your audience engage your contents, you really will love to see this one, an in-depth look into how and why you should use floating share buttons. Read why and how to use floating share buttons

And it's with that, that I say do have a lovely night pal and a great week ahead.๐Ÿ˜Ž


Why and how to use floating share buttons

Okay people, if for some reason(s) you had not realized that I love food, well, breaking news! I love food! That's why this cover art has no social icons floating around but a cake that has been/is being shared.

Speaking of news, a news is not a news if no one knows about it, and one of the ways to achieve creating awareness is by sharing... I could go on and on like a very spiritual guru on this telling you of how there is love in sharing and that the Bible says the greatest commandment is love... only for you to eventually realize that the bottom line is what my title already yelled in your face.

Let's face it, even if you don't have any form of share buttons on your website yet, you'd admit that it is actually essential and that even you need it, not just your audience. So in the below short list, I shall point out to you why you should use floating share buttons on your website.

Just in case you do not know what floating share buttons are, they are those share buttons that are fixed, they don't leave the screen even when you've scrolled past where the started, e.g: as shown in this screenshot. 
Why use floating share buttons?

1. They don't change the aim, rather they enforce it better.
The aim of share buttons is to put you out there, your works, contents. Well, the thing is, floating share buttons don't actually change that, rather, they even make that more possible. for unlike traditional share buttons that leave the screen when you scroll past their position, these ones stick, and not many can ignore what's literally staring in their face all time.

2. Better UI/UX (User Interface/Experience) 
There's this thing about a site's look when it's got style, smooth beauty! and that's what floating share buttons literally give you when you use them, there's this luxury they attach to your website's value when a visitor comes to your site and sees such a cool function they don't see on every website. They may even think it costs money to implement when all it actually takes is just some lines of code. 

It helps make more attractive your user interface and consequently your user experience, no one likes to stress, when they realize they don't need to scroll up to the start of a post or bottom every time they want to make a share, but that the buttons are always with them, waiting by the side, it will boost your ratings in their minds and talks.

How to use floating share buttons.
Well, when one does not do something properly, even if it's a good thing, the result always turns out bad.

I only go by two personal guides when I'm implementing floating share buttons on any site;
  1. Don't do it for mobile views.
  2. Don't overload your website with codes doing it.

Why those two? Well, to me, the major things I consider when setting up a website is mobile responsiveness and speed.

If you use too many codes implementing floating share buttons, which is an easy trap for anyone to fall into when you decide to build the function from scratch, you'd most likely have broken a web design ethic which I love, minification. Not sure that's how pros would call it๐Ÿ˜‚, but the point is to achieve the result with as little number of codes as possible.

I personally use third parties, though some will even end up making your sites heavier, you just have to choose carefully. Personally, I'm using Addtoany, that link will take you to the page with codes you can choose from, host them on your website and boom, the buttons are live. Below is the one I'm using.
Why did I choose that one? of all the codes on the page. Answer: because it is responsive!The first line clearly tells the code to stay inactive if the screen size is less than 900px in width and in any case that you need telling, no mobile phone is that wide.

This brings us to me explaining why I wrote that you should not do it for mobile devices, I have never seen any well-designed website whose mobile version runs a floating share bar (mind you, everyone's definition of well designed varies). No one has ever really said it but for, I'm a minimalist by default, but I take that even a notch up when it comes to designing for mobile devices, remove as many elements as possible. floating share buttons is only good for PC views because there's enough space on the screen for them to seamlessly fit into(that's if you haven't agglutinated your page with lots of unnecessary elements).

 Unlike PC, mobile devices don't really come with that luxury even on the 6 inches biggies, there's a whole lot displaying on the screen already, adding floating share buttons won't actually do the ideal job in this case but rather choke your contents, no space for them to breathe, and when that happens, your audience starts have bad user experience and consequently flags your user interface as awry in their mind, and that's bad for business, branding.

If you are not a web developer, to implement floating share buttons on your website, contact your web developer or take to me in the comments or via email and I'll guide you through the steps.

And it is on that note that I bring to you ladies and gentlemen, the humble end to today's treat on sharing. Remember there's love in sharing and my share buttons are waiting!


Creating your own personal blog. (A free DIY guide)

This is something golden, the basis on which this very blog was built. If the guides are followed painstakingly, you should have your blog up and running in a maximum of a 12hours, yes, 12 hours.

Hey there, good evening, welcome to the Blog Set Up 101, class begins in the next paragraph.

Things To Note.
  • We'll be using Google's Blogspot platform.
  • You don't need to have any programming knowledge to pull this off.
  • Can be done with a phone, easier using a PC or laptop.
With that out of the way, I would proceed to put to you dear reader that this comes in series, but fret not, I have written all already, hence you don't have to wait for parts. You only have to read about every part in different posts, as will be accordingly linked sequentially in this parent post. Let's go.

1. Open Blog
The first thing to be done is to open shop, and by that, I mean open your blog, let's kickstart that which is quite simple in few steps.

Open Shop Tutorial

2. Customize The Blog Details
After opening the shop to the public, customization begins, so they don't come over only to find that it doesn't seeming like you don't have a grip of things, if that happens, they may just start doubting if you really own the blog.

Customize Blog Details Tutorial

3.  Basic Theme Edits
In this part, we'll apply desired changes to the blog's theme, and even with no prior coding/web designing knowledge, this is a very easy run.

Basic Theme Edits Tutorial

4. Setting Up A Custom Domain Name
This is totally OPTIONAL. If you have no desire or no budget for yet, you can totally skip this part. But in a case whereby you want your own custom website address(e.g: myguymyguy.com), you should delve right into this tutorial already.

Custom URL SetUp Tutorial

And with all of the above, taken care of, gentlemen and ladies, I dare say your blog is ready to go. Let the publishing begin!

If you have any questions, maybe something you feel I missed or that you just aren't getting, drop a comment here or in any of the posts linked herein. Happy blogging! ๐Ÿ™‚


Weekend Roundup: Whatsapp Ads - Android Update - Black Friday

Hiya there, happy Sunday! I hope you've had a great week. Here's my weekend report for you!
Yes, you read that title right and trust me, it's not really going to go down well, for consumers, e.g: you and me.
As reported by TechCrunch, the update once it goes live will render any app you have that isn't up to date obsolete. They claim that developers have actually been requesting for this.

3. Black Friday has taken a smooth turn on AliExpress. The 11:11 run.
The eCommerce giant is keeping things insanely such a swell. If you have been looking to make a great purchase all week and haven't found a deal that really Black Friday-ish anywhere, head on to their website already, you will definitely find a good choice.
4. Are you a WordPress person? hope you have supercharged your website with these 5basic tools?
5. You want to boost your posts on facebook but finding making payments a hard one? Read how to fund your account with any naira MasterCard now.

And that's it, good people of me,  see you in the next post. Once again, happy Sunday!


How to give your blogspot blog a custom domain name

One of the reasons I actually prefer Blogspot to Wordpress.com is that unlike WordPress.com, you do not need to upgrade to no paid plan before you can give your blog a .com/.net or any other top-level domain (TLD) name.

Hey there, good evening, today, I'll walk you through how you can set up your .com domain name to be directed to your .blogspot blog. The main case study is Goddady. Then Domain King.

If you have your domain name under another registrar, try finding similar steps, but if that doesn't work out, just drop a comment and I will help out.

The first step is if you do not have your custom domain name yet, go buy one now. Using Godaddy or  Domain King or any other registrar of your choice.

For Registering Domain Names, I trust DomainKing.NG

After that login to your account on the host site and go to products. In the case of Goddady - here's the link.
You should be seeing your own name.ext (e.g myguymyguy.net) domain name, click DNS. (when it opens, leave the tab open)

Open a new tab. Now go to blogger.com, once your dashboard opens, click settings from the menu that's in the left pane, and you should get something like this:
Right there in the menu that shows up on the right pane, under publishing click + Set up a third-party URL for your blog - and go ahead to enter the custom domain name you acquired earlier on.
After entry, click save.

You'll see an error with two CNAMEs.
  • Name, Label or Host: Enter the name as the subdomain, like "blog." or "www." For destination, enter "ghs.googlehosted.com."
  • Destination, Target or Points to: This is different for each person and is specific to your blog and your Google Account. - Source
From ShoutMeLoud

Well, actually, that error is good news, go on to our tab we left opened earlier, the one with the DNS page.

Delete any record you see there, then add new (CNAME).

Under "Name, Label or Host," type www.Under "Destination, Target or Points to," type "ghs.googlehosted.com."
Enter details for the second CNAME, which are specific to your blog and Google Account. As shown in the error you got from your blogger dashboard earlier.
When done saving the CNAME records. Go back to the page wherein you entered your domain name on blogger and got the error, save again, and this time, it will save.
Wait for at least an hour (max) for your DNS settings to activate.  Then you can start accessing your domain via your very own custom address.

To ensure your domain (example: mydomain.com) leads to www.mydomain.com when typed in that way, set up a naked redirect.

Open your DNS settings, as shown earlier.

Add four A-records which point to Google IPs.

Select the blog you want to update.

On the left, click Settings and then Basic.

Under "Publishing," under "Blog Address," check Redirect [mydomain.com to www.mydomain.com]. 

Edit of Excerpt from Official Support Page From Google
How it should look when you are done.

If on the other hand, you bought your domain name via Domain King. ๐Ÿ‘‡

Simply visit https://clients.domainking.ng/clientarea.php?action=domains while you're logged in.
Then scroll to My domains, once you see your domain, click Manage this domain as represented by an icon highlighted in the image below by the far right.
Then on the page that opens, scroll down and find under management tools the DKNG Quick Blogger Installer (Beta) button as highlighted below. Click it.
Then follow the prompts you see and save, all you'll need to fill, are two little boxes. Read Domain King's Official Article On It.

And by now, dear friend, you have successfully set up your custom domain running smoothly with your Blogspot blog.

This post was written using my knowledge, extract from the link below and a visual aid from SML treating the same topic.
Got any issues? let me know, and don't hide your success story either ๐Ÿ™‚.