Have Us Up Your Sleeve: The Techy Hub Services

Here at The Techy Hub, our services include developing quite a number of different websites. However, there are three kinds of website most commonly requested by our clients. Following this, we also receive many questions on why we have different kinds of websites and their differences. To address these questions without causing confusion, we decided to relate our services to a metaphor about shirts.

We all own shirts for different occasions. From the old, stained ones to be worn at home or formal ones to be worn to work. Though shirts are essentially just everyday apparel, our website development services have a lot more in common with shirts that you might think. We’ll be linking our services with three different kinds of shirts while going through pricing and features.

 

Plain round-necked shirt

Plain white round neck t-shirt cheapest techy hub service

Possibly the most common shirt there is, easily found in any departmental store (or in your home closet). As they are all factory made, they look the same, with limited alterations. Just like this shirt, one of our services include building a website for you based on a WordPress template. We use a WordPress template that suits the feel of your company the best and replace the functions according to your requests. It is the simplest, therefore the cheapest service we provide. This does not mean that the end result will look bad, most of the templates have clean and professional looks. It simply means that your website may look similar to others (relate back to factory made) with lesser features than what you would like to have.

We do get requests from clients to add new layouts to existing ones, which can be done but will cost you. This is because most WordPress templates are build by authors who have their own ways of building a website. So, to complete the request, we would first have to dissect the code of a website and then add the layout requested by the client. The end result will be what you asked for, but it still might not look the best it can. So for plain round-necked shirts, take it as it is! Here’s an example of what a ‘plain round-necked shirt’ website looks like.

 

Collared, work shirt

Collared Work Shirt

So this shirt already looks different from the previous one. With the long sleeves, collar and buttons, it looks more suited to be in an office. This shirt is factory made, yet designed specifically to make the wearer look smarter in it. This shirt relates to our mid-range service, whereby we custom-design and build a WordPress website just for you. This service enables you to be in more control of how your website looks and feels, even enabling more functions. The only downside of this service is security. Your website may face a higher chance of being hacked, as WordPress uses a well-known cms (a service that allows users to change content without touching the code). This service would be perfect for you if you plan to start a more general website, without passing sensitive information such as bank information or personal identities.

Have a look at one of the results of this service: http://thetechyhub.com/portfolio/global-transformation-forum/.

 

Bespoke Tailored Shirt

Custom Tailored Shirt most expensive techy hub service

Everyone knows about tailor-made shirts, though most never had one made. They are made using careful measurements, high quality material and designs chosen to fit the wearer perfectly. The shirt can come with the customer’s choice of tie, bow or any other extras to complement the shirt. This seemingly superior shirt parallels our final service. We will custom-design your website and built from scratch using a proposed framework (Laravel, Ruby on Rails, Code Ignitor). This is recommended for you if you are looking to start a website dealing with sensitive or private data. You will still be able to be in control of your website and it’s features. This results in a beautiful, secured website that protects sensitive information and data on your website from hackers.

(Of course you can argue that it is not necessary to have tailor-made shirts but a fashion stylist may turn his nose up on your clothes. Just saying.) Intrigued? This http://ohmyenglish.com.my/ms/utama is an example of what you get from this service. Something out of the norm, and designed according to your every need.

 

So there you have it! We are open during regular business hours unless mentioned so in our Facebook page. We would gladly accept any inquiries to clear confusion or to help you in choosing a website perfect for you. Feel free to contact us at info@thetechyhub.com.

Typography Tips and Tricks – Errors and Mistakes

Man doing typography and writing lines of textNow that you’ve read on how to create a good logo, your design project looks great. The colours are on point, the illustrations are perfect, but wait! Are you sure you used the right font? You sure you spelled that word right? Designers, you all know how typography makes or breaks a project. So here are some typography tips and tricks to make sure your great masterpiece stays a masterpiece.

1. Increase line spacing, or leading

Leading (it rhymes with “wedding”), is the space between a line of text and the next line of text. Remember when our teachers would insist that we write our text on alternate lines in our exercise book? That is actually really good advice.

The bigger the line spacing, the easier it is to read a block of text. A common typographical error is setting a small leading to your paragraph, which makes all those words appear cramped and messy. Due to this, it is easy for readers to lose their place when reading.

Fonts differ from each other, so there is no leading that is “one-fit-for-all”. It is important to judge how far apart line spacing should be for different fonts.

2. Change tracking for different fonts

Tracking, or letter-spacing, literally refers to the space between letters of a word. It works to prevent letters from running into each other. We don’t like people invading our personal space, we also don’t want letters doing the same.

Lowercase letters or the capital letter of a word needs no letter-spacing since they fit quite nicely with the letter next to them. However it becomes different when you type a word with your “caps lock” button on. The spacing between capital letters would appear too narrow if you don’t increase the tracking.

3. Kerning is not tracking

Instead, kerning is the space between a letter pair in a word. It functions to reduce or add the space between a pair of letters in a word. Kerning is best used when dealing with logos, full capital letters, and headlines, as it helps improve readability.

A good typography trick is to not set the kerning by computer default. Tweak around with the kerning until you find the one most suitable for your text.

4. Avoid too many words in a line

Did you know, our eyes only record groups of three to four words in a sentence for a couple of times before feeling tired? Writing long lines of words really exhausts your readers. Moving their eyes and heads so often, reading line after line after line… (and it goes on).

Optimally, you’d only need around 9-12 words in a line, which is approximately 50-60 characters. Anything shorter than 9 words may break the flow of the sentence; and anything more than 12 can be tiring to read. Not to mention, we also forget that sometimes we tend to miss a line or even reread the same sentence!

5. Use consistent typeface and weights

Typography example of a design with a mixture of various typefaces and weightsFonts are like personalities, some go well with others; some don’t. Choosing which typeface to go with which is not easy, even more so in trying to get them to work harmoniously.  A mix of too many different typefaces can be distracting and disorienting, which is a grave typographical error. Limit each project to contain three different fonts at most.

Using too many different weights might confuse readers since they won’t be able to tell what the text is actually trying to highlight. This can cause misinformation.  

If you do insist on a variety of typefaces and weights, a good tip is to pair serifs with sans serifs. Try Futura and Rockwell for that playful feel!

6. Use serifs for long paragraphs

It’s not a myth. Serifs do work better for lengthy text, like in books or newspapers. They typically have a flowing mark at points which is said to direct the reader to the next letter, improving readability and preventing eye strain.

The trick between choosing serifs or sans serifs is to figure out what platform you’re writing for. In high resolutions, like for newspapers, use the serifs. Sans serifs are actually optimized for pixel-based displays, like on blog posts.

7. Pair different value of colours together

There is no such thing as a bad combination of colours, but there is bad combination of colour saturation and hues. Imagine printing pale yellow text on a white background; or dark blue text on black. The only time those combinations would work is if you’re trying to send a hidden message. It makes reading that much harder.

The best way to overcome this common typography mistake is by pairing colours opposite of the color wheel together. For example, orange and blue.

8. Use contrasting colours

Typography of light colored font on dark background Print light coloured text on dark backgrounds. If you can’t remember this typography tip, remember zebras. They’re black-skinned with white stripes on top.

Printing white text on anything less than 50% tint makes the design look less distinct and hard to read. The words become less visible as they get lost in the background. Good practice is to pay attention to how one colour interacts with one another. You don’t want to place clashing colours together.

9. Hold back on the center align

If you’re designing a restaurant menu or a wedding invitation, please, by all means, use the center align all you like. However, for the times you are not, justify your text to the left or right, depending on which suits your graphics.

Centered text can sometimes be seen as amateurish as the sentences may appear broken and jagged. They also appear disconnecting, breaking the flow of a sentence, which will make readers feel dull and bored.

10. Write small body copies

Once again, you need to take into consideration what platform you’re writing for. Text for print and for online viewing are very different. If you’re designing an online ad, take a step back and try font sizes smaller than your standard 12pt. With a monitor screen, readers will be able to zoom in if they need to read something easier.

Larger font sizes would be fine for a children’s book, but for professional design projects, it is important that your body copy looks concise and straightforward.

Bear this typography trick in mind: Always use font sizes of 7pt or more. Fine prints, like the one in terms and conditions, really just means you want to make it hard for your readers.

11. Learn the Grid System

The Grid System is a guideline in which designers can use to arrange and structure their content, to maximize readability and enable easier navigation. You will be able to design your projects in proportions, as well as balance the text and use of other media forms contained in your design.

With the system, your designs will appear clearer and more interactive. You can refer to The Grid System site to find more information and ideas on how to utilize it better.

 

Now that you’re a typography guru and want to take it up a notch, check out how to write an appealing “About Me” page to level-up your blog, website or social media! Or if your typography journey has you worn out, young Jedi, just kick back and refuel at these food stops that has fed us while we work to bring you more good stuff! 

6 Secrets to an appealing ‘About me’ page

man looking at phoneOur phones never left our side, they are like our sidekick, keeping us on the go. Checking emails, scrolling through Instagram, stalking your crush on Facebook, watching celebrities fight on Twitter, reading blogs on Google, the Web was always there to lend us a helping hand.

Sitting behind screen, it’s almost impossible to truly connect with your audience. Hence, it’s crucial to captivate your audience with a personal and friendly approach. Otherwise, you will be just another faceless web designer among sea of many others.

I know…easier said than done.

 

Don’t be normal, be different

Distinguish yourself. Make your ‘About me’ page an appealing sight by using different variety of Medias, such as graphic, videos, timelines. So that people will be attracted and possibly drool over your page. Colors brighten our days and it will also increase the number of viewers on your website. Specific colors possess the power to stir up our emotions.

  • Red- a color that grabs attention that’s why alarms are red
  • Blue- If you want to appear trustworthy and cool, try this.
  • Green- very flexible. It symbolizes nature and the color of money. It lends customer with a pleasing and warm feeling

1914074Contrast and complimentary colors are your best friends.

Humans have very short attention span (8 seconds).Therefore, videos are an effective way to display your thought with motion within seconds. Don’t blindly follow, create your own style. Separate yourself from the pack, be the Alpha.

 

 

Swipe Right

Treat your ‘About me’ page like a Tinder date. Of course you would want people to swipe right, right? But first, give them a good impression of you through a profile picture. Shine some light on yourself, use minimal filters. A photograph of yourself will allow your audience to feel connected.

With a picture of yourself, they will feel as though they met the actual person in reality and not just another anonymous web designer online. This will foster trust, you want to appear trustworthy. At least, your audience will know you are not a robot or an alien.

 

Speak human

The ‘About me’ page is not another English work assignment or an English essay for coursework. Bombastic words are completely extra and unnecessary. If your audience is required to pull out a dictionary, chances are they will just exit and adios.

You are conversing with your viewers through words, don’t try too hard to impress them with words that are not common. Jargon. A huge no-no. It may be cool but some may not understand it.

Make an effort to make your website accessible and user-friendly. Keep your vocab simple. Stay away from using unclear titles. If it’s an ‘About me’ page, give them the page. Don’t change it to “The Journey”.

 

Keep it Organized

boxes on shelfThe best ‘About me’ page is one that has a lot of information but with minimal confusion and very neat and tidy. Your audience has to be able to swallow and digest them. Avoid chocking them with endless paragraphs of alphabets. The only wall between us and success is our ability to control.

We most of the times tend to vomit out everything that we know. It may be challenging to know when to stop when writing an ‘About me’ page, especially when it is about ourselves. Is it enough? Is it too much? Control and express your thoughts at the same time avoid being too wordy.

Split your paragraphs and keep information in sections. Allow your audience to have a quick scan before depth reading it. Start with writing a short bio. Keep track of the number of words.

 

Have a personality

It’s okay to have a personality when writing the ‘About me’ page. It reflects who you are and your audience will feel connected to you. Treat your audience like your friend. Just be yourself.

Don’t just throw in facts, they want to be connected to you and know the real you. Facts alone do not persuade and your audience might get bored. Compared to the others, your ‘About me’ page may be too bland and dull. You are supposed to break the ice wall and not build another wall.

Make your website a window to your world, open the door and invite your audiences into your world. Share your passion, your ethos, and your values. Let them know what you believe in. Watch your tone of writing, avoid being too stern or formal. Be humorous, personable or bold.

 

Be the GPS

gpsMost of your audience may not know what to do next, after reading your ‘About me’ page. They will be like “What should I do next? Hmm, let’s watch a vine” Chances are, they will forget that your site exists.

Bring them to the destination that you desire. Show them the route. Keep them entertained. You want people to stick around when you have new updates. But how? Easy, just ask them to subscribe to your newsletter or your Twitter account or give a thumbs up on your Facebook page. Or even follow you on Instagram.

Personalities are unique and charming, so don’t be afraid to stay authentic. Translating your persona into words can be super hard, but here’s how you can make your text appear as awesome as you are

Website Update

So, here’s our latest website update. We’ve included a mini profile of each Techy at the Hub. Now you can find out a bit more about us and what each of us offer The Techy Hub!

We have decided to start this new blog! We will be updating from time to time, if our work permits us.  Sharing our stories from each Techy. Besides that, we will also share our journey working with our amazing clients by posting up events/jobs that we have collaborated with them.

We hope to engage more audiences in our website!