Designing Teasers To Market A Product, Service or Event

man on a cliff

A teaser is a visual marketing aid that is used to communicate a message, thought, or idea; but it focuses only on one main idea supported by a call-to-action element. Its purpose is to simply blow a trumpet that something is coming but not to reveal everything in order to raise a curiosity. A teaser can be designed on any media of any size. It can be on paper ⎯ hard or digital ⎯ or on a video.

The reason for focusing on a single idea is to ensure that your target audience picks up the core message, thought or idea that you want to convey. If the teaser contains too much information, most likely, in 48 hours, the reader will forget everything because there is in our brain a function called reticular activating system that filters information in order to protect its health. What the reader can most likely remember is only that sometime ago he stumbled upon a teaser.

teaser versus brochure

A teaser is not a brochure. The major difference between a teaser and a brochure is that the latter contains all the information that you want your target audience to know; whereas, a teaser contains only one idea, thought or message supported by minor elements such as a call-to-action which may be a button or a link to direct your target audience to do something; or simply a number or email address to invite them to contact you.

test yourself with this pilot teaser

You will find below an example of a teaser; then, follow this instruction.

  • Put yourself into the shoes of a high school student. Then, examine the teaser and be conscious of your eyes.
An example of a pilot teaser for marketing purposes via social media
Pilot teaser for an event: a holy week retreat

Try to answer the following questions.

  1. What is the teaser all about?
  2. What is the main message?
  3. What is the first element that you noticed?
  4. Did you feel strain in your eyes while looking at it?
  5. Do you think that even a high school student would be able to get the intended message?

The teaser is talking about a Holy Week retreat. Its main message is to disconnect, which is the core purpose of any retreat: to disconnect you from your everyday routine and way of life; inviting you to leave your comfort zone and normal environment. That is why it is called a retreat.

All other elements of the teaser are merely to support the main idea. One bit of information, though, must retain in the reader’s mind because it is essential ⎯ the date; which is why it is centered and larger than the other texts but not larger than the main idea.

The main idea could be anything you see on a teaser. However, in this example, the designer wanted to emphasize most the word disconnect because it has something to do with the follow-up teaser.

why put yourself into the shoes of a high school student?

We all think differently. Not all have achieved equal level of education. Not all those who were able to attend school have the same level of understanding. Not because you are older that you are wiser. Thus, if your target audience is the general public, how would you design?

The general rule is: consider the general public like all high school students. Once you have captured them all, generally speaking, then you apply the funneling; but that’s another story. Briefly, it is when you target specific audience from a pool of a wider audience.

So, if your role is the advertiser or producer, in order for you to objectively understand a visual design, put yourself into the shoes of a high school student; not as a producer, advertiser or organizer.

how eyes react to a design

What captured your eyes first? Is it the word disconnect? Then which? Was it the date? Could you notice the flow of information? Did you feel any eye strain?

In visual design, it is important that the eyes are not strained. Elements should follow a path that is comfortable to the reader’s eyes. Colors, sizes and spaces all affect the eyes. Our eyes react most especially to colors because colors are light. Our eyes’s reaction to light is not something that we can control. For that reason, the designer must test himself if what he has designed is comfortable to his eyes; and it is following the intended path.

follow-up teaser

In order to sustain the interests of your target audience, the pilot teaser must be followed up by a follow-up teaser; otherwise, your first teaser may serve useless as it may already be forgotten. It is important that the follow-up teaser must be related to the initial teaser. Like when writing a business letter or an article, a series of teasers must also be cohesive. 

Take a look at the follow-up teaser of our example.

An example of a social media teaser for marketing purposes
Follow-up teaser for the same event

It is already obvious that the follow-up teaser is related to the pilot one. What has changed is the emphasis.

Let’s examine.

  1. The main idea or message here is the substance of the retreat which is taken from Matthew 26:40.
  2. The word disconnect still exists but no longer dominant. It still exists so that the readers can connect the second teaser to the first teaser.  
  3. The second teaser introduces the idea tHis connect, which is the name of the retreat. However, in this example, it serves secondary to the main idea because what is more important is its substance.
  4. Notice the positions of disconnect and tHis connect. Their positions suggest that they are related; its contrast adds substance to the message. Without the word disconnect, your general audience would have no idea why tHis connect.
  5. The contrasting images also add substance to the idea of a retreat.
  6. Emphasis is now given to the call-to-action, which is to call and make a reservation. The date is less emphasized as this was already emphasized previously.

what’s next

Ideally, it is enough that there’s only a pilot teaser and a follow-up teaser. A third release of your communication should already contain everything that you want your target audience to know. This may be in a form of a flier, brochure, a web page, or an event announcement. Your third communication tool must be sufficient with the necessary information to limit people’s questions and enquiries to a few because what is more important call-to-action is to buy if you are selling a product or services; to reserve a seat if you are holding an event; or to sign up, among others, if you are recruiting members.

Photo credits:
 Zachary DeBottis from Pexels 
 Guilherme Almeida from Pexels

Arcel Residences Official Website

Screenshot of Arcel Residences website

Arcel Residences’s website allows you to book their rooms online for night stays to short-term leases.

Colour Scheme

The site’s colours are primarily red and blue, which are based on its logo. A 3rd colour is aqua.

Color Name Hex RGB    
Primary Scarlet #E93001 rgb(235,49,1) hsl(12,99%,46%) cmyk(0%,79%,100%,8%)
Secondary Navy blue #010075 rgb(1,10,117) hsl(241,100%,46%) cmyk(100%,91%,6%,54%)
Accent Aqua island #9CDDD0 rgb(156,221,208) hsl(168,49%,74%) cmyk(29%,0%,6%,13%)
           

WordPress Template

The design of the site was built from HotelOne template — a simple and elegant design. I like its animated effect on its front page because it catches attention. This was made possible by integrating it with Elementor plugin, a WordPress wyswyg page builder.

To achieve elegance, you have to choose the right colour. For the reason that I had to base the site’s colour scheme from Arcel’s logo, I had to sacrifice that elegant feel.

One of the changes I did, aside from its original colour, was the button, which I changed from rectangular to oblong. Equipped with Elementor, I designed the other pages on my own.

Plugins

Aside from the Elementor plugin, which already comes with Font Awesome and Google Fonts, an important plugin that I had to add was Advanced Booking Calendar. The free version of his plugin does not include booking discounts and payment gateway integration. Also, it is limited only to 15 rooms.

Sandy Beach To Ocean Deep Colour Scheme

Colour Scheme Beige beach deep ocean blue

Colour Scheme Beige beach deep ocean blue
An elegant colour scheme from sandy beige to deep ocean blue. It is a twist from the common white beach and aqua blue ocean. You can apply this colour scheme to interior, invitation and even wedding colour motif. These colours contrast well with Old Rose.

The colours have no equivalent colour names. So, to keep it simple, let their names be:

  • Hex #d8d6d6 is Light sand
  • Hex #d1cebb is Wet sand
  • Hex #9bacac is Washed green
  • Hex #7bb4bb is Old Teal
  • Hex #2c6474 is Ocean Deep

Café / Coffee Shop

If you own a coffee shop, break away from the traditional coffee and chocolate browns accented with a shade of tangerine. These colours will give your café a look above the rest.

Paint the walls of your coffee shop with Light Sand as primary and Wet Sand as secondary colour to give your walls some dimension. Give your café an Ocean Deep accent by furnishing it with this upholstered colour. For your tables, top it with Old Teal. For your fixtures, paint them with Washed Green.

Living Room, Bedrooms, and Hotel Rooms

For a masculine look of your living room, give your wall a light shade of Light Sand accented by Washed Green colours. Your upholstery would look elegant with Ocean Deep. Complement your sofa with Old Teal throw pillows. For the rest of the items in your living room, colour them Wet Sand.

If you want to be more adventurous, paint the walls of your bedroom with Ocean Deep. Use light fixtures such as white or Light Sand. For your bed, alternate your bed sheets, linens and pillows with Wet Sand, Washed Green, and Old Teal.

To brighten your rooms a bit, add a few items with Old Rose or white.

Wedding Colour Motif

For a change, the bride may wear a Light Sand wedding gown accented with Ocean Deep waist band, flowers, embroidery, or other ornaments. Instead of the common black, let the groom wear an Ocean Deep suit, Light Sand shirt, and Ocean Deep butterfly.

The bridesmaids, flower girls and maid of honour shall wear Old Teal gowns or dresses accented with Ocean Deep. The groomsmen, bearers, and best man can wear Washed Green suits accented with Wet Sand.

House Exterior

Your house will be eye-catching with this light sand ocean deep colour scheme. Paint the exterior of your house with Light Sand and complement it with Wet Sand. Accent your exterior with Ocean Deep doors, window sills and frames, and roof. For the colour of furniture and fixtures outside your house, choose Wet Sand or Washed Green or a combination of both.

Other Applications

This colour scheme will also make your shops and boutique look elegant, cool and fresh all the time. If you own a resort or restaurant near the beach, you can never go wrong with this cool and fresh sand and ocean colours.

A Collection of Rich Web Cards and Banners

Images on web sites call attention. To web content managers, looking for images or web cards appropriate for a post or article has become like routine or standard procedure. Thanks to sites like Pexels and Canva, these online photo and graphic design sites have made my work easier at times when I needed to finish something right away.

Rich Cards

Facebook calls it Open Graph while Twitter calls it Twitter cards. Pinterest calls it rich Pins while Google+ calls it rich Snippet. Simply, web cards are graphics especially designed to capture attention and engage site visitors to your site contents. It functions more than just an image because it contains information called meta tags, which social media sites use to integrate your social site post with your web post or page . It is for that reason why webizens call it rich cards.

My Own Collection of Design Inspirations

The following are some of the header banners, post cards, social site cards and covers, info cards, etc that I have used on a variety of web sites and social media sites. You are free to use any of these graphics. Consider them under CC0 license, which means you can download them for free and use them for whatever purpose without attribution. This is my collection of design inspirations.

Header Banners / Images / Social Site Covers

Web Cards / Blog Featured Images / Social Site Post Cards

Sacrificing Design Elements In Favour Of Client’s Preference

T-shirt print design lent inspired

Design is your pride. You created it from your mind out of nothing. It’s like you are the mother of your design. You carry it in your “womb” then you give birth to it.

Like a mother, no matter how your design looks like, you love it. When you start dressing it up, that’s when you make different versions.

You believe in yourself. You know that you are objective when choosing the best design. But sometimes, you get frustrated when your best pick is ignored.

Yes, it’s true that most of the time you have to sacrifice good design elements over your clients’s preferences. There’s nothing you can do about it but accept it. Anyway, it may be your design but the final output is your clients’s. They paid for it.

Don’t cry over spilled milk. Instead, talk about it. Good thing, in this technological generation, you can blog about just anything. So, go ahead, talk about the design that your clients did not pick.

Elements of Design + Your Style

It’s true that in designing, you observe the good elements of design. Plus, you add your own style to give it a character that is uniquely yours or that can be identified to you. From time to time, you violate a few elements to make it alternative or something like “exotic.” Breaking some traditional elements is a brave thing to do to creating your own style.

My Typical Style or Design Preferences

This is one of the design I recently made for an organisation. It is a design to be printed on the upper left of a beige, khaki, or taupe tee shirt.

In this design, to the best of my ability, I tried to apply design elements such as colour harmony, balance, and focus.

The large text Visita Iglesia gives focus. It is what it is all about. The rest are just bells and whistles, but necessary to create impact and attractiveness.

The dark chocolate bar gives emphasis to the word Iglesia because it is the more important word than visita. It also balances the existence of all elements as a whole, and to complement the round insignia.

The map background, though serves as aesthetic, is included to convey a journey or a travel. The event after all is about a travel, which is a pilgrimage. The details of the map are softened and blurred because they are not important to the design. Instead, it emphasised seven location points in the map which are the destinations of the pilgrimage.

The mocha background (which should be the colour of the textile) blends with the design to exude harmony. After all, the theme is about communion of communities. Moreover, the colour blend projects some expensive taste.

My style is simple and minimalist. My reason for that is to communicate effectively the message that I want to convey. If there are too many elements in a design, it creates confusion.

I also prefer related hues or monochromatic. Nothing loud, bright or vibrant. A bit desaturated or hazy, and soft. I like my design peaceful.

How This Design Has Evolved

It is common for a client to request adding other elements such as insignias, images and texts to your original design. Much as you didn’t like it, you have to sacrifice some design elements. Following next, I demonstrate how my original design has evolved into something that is not my personal preference.

Version 2

The client requested adding some texts. In order not to sacrifice some elements of design, this is what I did. Though I softened the text powered by peaceworks103 in order not to steal the main idea, that space looks crowded. So, I created another option.

Design inspiration Visita Iglesia

Version 3

The client suggested positioning the added text around the insignia. It looked better than version 2; but the client requested further adding more texts.

Design inspiration year of the parish

Version 4

In this version, visita iglesia is mentioned twice which is a big no-no in a design. As much as I wanted to avoid redundancy, I had no choice but to submit to the client’s preference.

However, the client further requested that peaceworks103 be around the border of the insignia.

Design inspiration Communion of Communities

The Final Verdict

I didn’t want the additional text to be around the insignia as well. That will be too much. So, instead, I positioned peaceworks103 inside the insignia. However, it left the dark chocolate bar empty, and therefore meaningless. I would like to retain it to maintain balance but I had to sacrifice that design element. As a result, it left that lower part of the design bare and too much useless space.

Design inspiration Peaceworks

But I had not choice. This is what the client picked. Some design elements sacrificed in favour of the client’s preferences.

Take a look at the designs in this slide show.

[ngg_images source=”galleries” container_ids=”4″ display_type=”photocrati-nextgen_basic_slideshow” gallery_width=”600″ gallery_height=”400″ cycle_effect=”fade” cycle_interval=”1″ show_thumbnail_link=”1″ thumbnail_link_text=”[Show thumbnails]” order_by=”sortorder” order_direction=”ASC” returns=”included” maximum_entity_count=”500″]

Customising WordPress Theme Twenty Seventeen

Every year, WordPress comes out with a default WordPress theme. This year 2017, WordPress came out with – your guess is right – Twenty Seventeen.

This article is about how I customised WordPress theme Twenty Seventeen for my site amikvs.org. First, let me talk about a bit of what’s new with WordPress 2017. Immediately following that is my own customisation of WordPress Twenty Seventeen.

What’s New With 2017

The main feature of WordPress Twenty Seventeen is the use of a header video on the front page of your website. The featured image is immersive that it occupies the entire width of your screen (referred to as hero images).

WordPress 2017 focuses more on business sites. It features multiple sections on the front page which you can use to showcase your portfolio, featured items, etc. Twenty Seventeen works on any device.

This site – 2017.wordpress.net – shows an example of a site built with WordPress Twenty Seventeen.

Introducing Header Video

A video on the front page of your site is a good way to attract viewers because of motion. Use a header video that is related to your site or a product. Use subtle and soft music. Some viewers do not like loud sounds because they annoy them. With WordPress Twenty Seventeen, you have no problem with that because it mutes the audio.

WordPress Twenty Seventeen recommends a video size of 2000 x 1200 pixels. In order not to confuse you how is that set, most video editors have a default of 1080p, which means 1920 (width) x 1080 (height) pixels. If it is not the default, usually it is among the choices asked upon creating a new video, so just select 1080p. Settle on this size and you are already safe. Moreover, that’s the maximum dimension that YouTube can accommodate.

The header video is responsive that it covers the entire screen of any device or computer display. However, in order not to distort (video stretched ugly) its aspect ratio, the video produces pillar boxes, if the screen is too wide for its height, or letter boxes if the screen is too tall for its width. Pillar boxes are black vertical bars that appear on the sides of the video. Letter boxes are black horizontal bars that appear at the top and bottom of the video.

Most preferably, upload your video via YouTube and enter its URL in the customizer header settings rather than upload it natively on your site. Your video loads faster via YouTube compared to a video that you uploaded directly on your site. For now, WordPress 2017 accommodates only YouTube videos.

Native Video vs YouTube Video

The recommended video dimension is 2000 x 1200 pixels in order for the video to cover the entire with of the screen. YouTube accommodates only up to 1920 x 1080 (1080p). As a result, if you are going to use a video header via YouTube, your video header will show pillar boxes (black empty space on both sides of the video). Even if you tweak the YouTube URL by specifying the width and height to 2000 x 1200, the settings are ignored. In some cases, maximizing your browser to full screen may do the trick. However, you cannot expect all users to do that for you.

As a remedy, or to take advantage of a 2000 x 1200 video, you must upload it to your site via WordPress media library, however —

  • Your video must be less than 8 MB. This is the maximum size that WordPress can allow you to upload.
  • Your host server must be able to stream your video.
  • Not all bandwidths are created equal. Internet users with low bandwidth might not be able to see your video. I tried a 5 MB video but it couldn’t play. So keep your video as light as possible. The video used for the demo site 2017.wordpress.net  was only 3.9 MB and 17 seconds long.
  • Your video editor must allow a customized 2000 x 1200 aspect ratio settings if you want to adhere to this recommended size. iMovie, for example, cannot create a 2000 x 1200 video. However, a 1080p video is just good enough.
  • Adding an audio to your video makes it size heavier.

Keep Your Header Image Lightweight

If you do not like to use a video header on your front page, you have the option to use a header image. Likewise, WordPress Twenty Seventeen recommends a header image that is 2000 x 1200 pixels in dimension. This is to maintain the good quality of your image even if viewed on larger screens; however, limit the weight of your image to 300 kb or lower. Upload images that are exactly 2000 x 1200 pixels. It makes your images lightweight and saves space on your web host server. There are software, that you can download for free, to crop and resize images such as Fotor and PhotoScape for Mac and its native Preview; and for Windows, FastStone.

If you want to use multiple images for your header, give your photos a common character or attribute by using filters. For example, you can make all your header images all sepia or retro. Multiple header images are displayed randomly.

You can have both a video header and an image header so that while the video buffers, your viewer can see your image header. Otherwise, your viewer is going to see a blank black space before the video starts to load.

Header Image vs Featured Image

If your header image is enabled, and you used a featured image on your post, you will see a horizontal crop of your header image above the navigation menu; and below it, you will see your hero (featured) image full screen. With the two together, your page can look unappealing.

Either you disable your header image or not use a featured image. A featured image, however, is helpful especially when sharing your post on social media sites. If you disable your header image, your viewer will see a blank screen before your header video starts to load.


Customising WordPress Twenty Seventeen

The following sections assume you already know how to use WordPress at backend. For beginners, WPMU DEV has written a detailed tutorial on how to customise your site with WordPress theme 2017.

My Preferred Style

My preferred design is simple and minimalist. For my website, I want it to look neat and elegant. I don’t want clutter.  So, the first thing I would do is not to use the header media.

Disabling the Header Image

Disabling the Header Image is simply easy. Just go to WordPress’s built-in Customizer and head for the Header Media. In Customizer, click Hide Image.

Site Identity

I prefer to show my logo somewhere else instead of in the header. Since I have disabled the media header, my logo, site title and tagline won’t be showing.

For my site, I only uploaded my site icon. I have entered my site title and tagline (you should), but I opted not to display them.

If you prefer to use the theme’s options, you have the following choices whether to show or not the following on the home page of your website.

  • Title and tagline
  • Logo with the title and tagline
  • Logo only

Colour Scheme

Colours give your site a characteristic. Since I am aiming for minimalist and elegant look, I have chosen monochromatic colours. With the aid of W3 Schools monochromatic colour scheme online tool, I have picked this palette.

If you prefer, you can just pick from W3 School’s ready-made color palettes.

Once you have picked your colour theme, head to WordPress’s customizer and customize Colors. WordPress 2017 offers only three color scheme options: dark, light or custom. Choose Custom and move the slider to the hue nearest your colour theme. With custom you can see in the live preview the changes in text colours. 

Customise color scheme of WordPress 2017

Once you have picked your colour theme, head to WordPress’s customizer and customize Colors. WordPress 2017 offers only three color scheme options: dark, light or custom. Choose Custom and move the slider to the hue nearest your colour theme. With custom you can see in the live preview the changes in text colours.

Specifying Exact Colour Scheme

The custom colour slider to choose a colour scheme is helpful but not exact. If you have specific colors for your site color theme, you have to use CSS. There are plugins that allow you to do this, but if it’s only a short line, I’d prefer CSS.

Accent
Hex color #282216

Used as background color of the top menu and footer. To force the background color to change, add this CSS line.

.navigation-top, 
navigation-top ul {
background-color: #282216 !important;
}

Background
Hex color #F4F7ed

Used as default background color of the body and HTML. All pages and post would have this light background. To alter the original background color, add this CSS.

.html, 
.body,
.site-content-contain {
background-color: #f7f4ed;
}

Primary
Hex color #625741

Used as color of all headings h1, h2, h3, h4, h5, h6. To specify the color of all headings, add this CSS code.

h1, h2, h3, h4, h5, h6 { 
color: #625741 !important;
}

Secondary
Hex color #A28E67

Used as secondary accent such as background color of other elements, buttons, and links.

.coming-soon { }

Effects
Hex color #D3C19C

Used for hover effects.

.coming-soon { }

Footer Color

To change the background color of the footer, add these CSS line.

footer { 
background-color:#282216;
color:#d3c19c !important;
}
footer .widget-column a {
color:#d3c19c !important;
}

Customising the Top Menu

By default, the top menu is aligned to the left. When viewing your site on a wider screen, the top menu appears off. I leave it that way. I like it a bit off than centered. To keep my top menu simple, I’m dropping the drop-down menus. That means that I’m not adding any menu item under the main menu items. I’ll think of another way but that will come later.

In case you want your top menu centered, add this short CSS line. In WordPress customiser, click Additional CSS. In Customizing Additional CSS, enter the following line.

#top-menu {
text-align: center;
}

If you want it right-aligned, change center to right.

Changing the Hover Effect of the Top Menu

The default hover effect of the top menu is very simple; a horizontal line appears below the word when you mouse over it. I tweaked that a bit by increasing the thickness of the horizontal line and changing its color and by adding a transition effect. In CSS, these are the lines I added.

The following CSS line sets a transition when you hover on a menu item, decreases the spaces around it, reverts the font weight to normal, and forces to change the color of the menu item.

/* CUSTOMISING THE TOP MENU */ 
.navigation-top a {
transition: 0.8s;
padding:9px;
font-weight:normal;
color:#f7f4ed !important;
}

The next CSS displays a thick 50% opaque white border below the menu item when you hover it and decreases the bottom padding to zero, giving a rising effect of the border. If the menu item is active, the border appears without the transition (it’s actually there; you just don’t see the effect).

/* CUSTOMISING THE TOP MENU */ 
.navigation-top a:hover,
.current-menu-item >a {
border-bottom:3px solid rgba(255,255,255,0.5);
padding-bottom: 0px;
}

Disabling the Sidebar

For my minimalist site, I won’t use the sidebar. If the sidebar contains many elements, it tends to clutter your single page or post, aside from the reason that it distracts your readers. I just want my viewers to focus on the main content.

Additional resources:

amikvs kreativs – A Different Perspective

This video serves as a video header on this website. It is a synopsis of what I do as a designer and creative writer.

Using Video Headers On Your Website

Video or image headers are good attractions on your website. If used effectively, it can engage your site’s visitors for a longer time on your site. You can use a single image, a slide of images, or a video. Whichever media you use, it must be able to trigger an interest from your viewer.

Video or image headers are commonly used on landing pages, which may be the home page of your website or special pages you use to promote your products or services.

There are simple ways to capture an audience’s interest.

  • Motion such as a slider or a video
  • Captivating images, or images with a story or emotion
  • Music
  • Stories or message

For the one I’m using on this website, I used a video of images. I picked images that “tell a story” and enkindle an emotion. For the music, I used soft, low-volume ambient music. This is not to startle your viewers ears especially if they are listening with headphones.

Storyboard

Your image or video header must be able to tell something to your visitors, such as a story. For example, in my video, its storyboard is something about the process of what I do as a designer and writer.

  1. “Everything begins with an idea.” Whether in design or writing, it all starts with an idea. You cannot move further without it.
  2. “Imagine. Design.” Idea creation goes with imagining or visualising. In your mind, you picture what you want to design or write. Design requires serious imagination.
  3. “Think. Plan.” Once you already have an idea, you ponder on it and allow to incubate it in your mind. You gather more thoughts then you start to plan on how you to go about it. Planning is an essential tool to puts you on the right track. It requires serious thinking.
  4. “Build. Explore.” It is on this stage that you start designing, doodling with your pen on your paper, making sketches, and exploring more ideas. You usually don’t settle with one idea or design. You eventually will have to explore more.
  5. “Write. Share.” You write what you have just created and you share them to the world. This is where blogging and social media come in.
  6. “Impress. Express.” Impress to express. When someone appreciates what you have designed or written, there is no doubt that you would feel good. People’s appreciation are your psychological rewards. Therefore, to impress them, your design must be good; what you have written must be worth reading. Likewise, your designs and stories must be able to express their true purpose, meaning or message.
  7. “Talk. Listen.” Simply put, communicate. Your skill is not just about talking well. You must also know how to listen. In social sites, you interact with your audience. Listening is more important than talking because you have to learn the pulse of your viewers or followers, or target market.
  8. “Learn. Inspire.” Knowledge is a continuous learning. Studying does not end today. Enhance your skills with further education. You don’t need to attend a formal school unless it is necessary. You have the skill to learn by yourself. As a form of gratitude for the knowledge that you have earned, it is your responsibility to share your knowledge. Inspire others. Remember the Parable of the Talents. Share what you have.
  9. “A Different Perspective.” Designing and writing are not easy tasks. Being just one of the many puts you in the last line. Designing and writing uniquely, or having your own style is a feat that is hard to achieve. In my own little way, my notion of having a different perspective is more like a character rather than a design or writing skill. Whenever I could, I looked at a different perspective aside from what a common mind sees. It is for this reason, why I chose an image of a lighthouse because a lighthouse looks at different angles and points of view.

What Stories The Images Tell

    • Clear sky. Almost empty. An idea starts from emptiness.
    • Complicated staircase. Can you imagine how brilliant the mind of this designer?
    • The photographer. Before he captures a scene, he thinks, he plans.
    • Wooden path on a lake. This is symbolism of building something and exploring.
    • Laptop, notebook, and pen. This is straightforward. The photographic filter, however, adds a mood to the photograph.
    • A tranquil lake. Look how simple this photograph is, yet its simplicity and mood makes it impressive and expressive.
    • Father and infant. Silence is a means of communication.
    • A young man in metropolis. You can picture this in many ways such as job hunting, going to school to study or teach, or going to work.
    • Lighthouse. A lighthouse is a watch tower that guards the ocean 360 degrees – a symbol of different points of view.

Technical Note

WordPress theme Twenty-Seventeen comes with a feature, called video header, that plays a video on the front page of your website. By default, the video loops. To other users, this can be annoying. The video auto-plays. It gives no option to users whether they want to watch the video or not. Music add user experience, unfortunately, the sound of the video is muted. So far, there are no options to disable the auto-play, or to loop the video just once.  Perhaps, in the future, a plugin would be available to control how the video is played on WordPress theme Twenty-Seventeen.

What if the browser cannot play the video for some reasons? The fallback is to set image headers.

Brainstorm Ideas For Your Website

Brainstorming is a process of putting down on the table every idea – good or bad – that comes out of your head without censorship, justification, or disapproval. It is a process to get that perfect idea. When you brainstorm, you just let the ideas flow. The idea that you may think of may be funny or ridiculous, or even non-sense. It does not matter. Just write down every idea. Use this brainstorming technique to conceptualize what your website is to be about.

What Your Website Is All About

In the previous lesson, you learned about the things to consider before putting up a website, such as:

  1. ‘Do you want it’ versus ‘do you need it’
  2. The purpose and content of your website
  3. Your target audience, aka market niche
  4. The budget and time you need to spend
  5. The platform from which to build your site

At this point, I assume that you already have figured out whether you want a website or need to have one. Regardless, you still have to go through the next process – to brainstorm ideas for your website.

Brainstorm An Ideas List

I can no longer count how many times I had changed the content of my website. Every time a new idea was in my head, I changed my site. It’s not a good practice. Brainstorm ideas and keep a list for future reference.

Now it’s time to brainstorm ideas for the content of your website. Remember that brainstorming is a process, so take your time.

List every idea that comes out of your mind. If you can list a hundred or less, that’s cool. Write the ideas down. Once you have run out of ideas, stop. Set aside your list and forget everything you’ve written.

The next day, or whenever you feel like it, go about your list. Read your ideas a little bit aloud. Make sure that you hear what you are reading. Then start crossing out an idea that you don’t “feel“. If a new idea comes in, add it to your list.

Repeat the process. Go over your list again and see if there are other ideas that you can cross out, or un-cross. If a new idea pops out of your head, add that idea to your list. Once you could no longer cross out anything, take a rest. Set your list aside. Get busy with other things.

At times, a new idea will come to your head. Take your list and write that idea down. Remember that you are still brainstorming at this stage, so don’t censor your ideas.

Think Sources of Information

Whenever you feel like it, go over your list and read every idea. Start crossing out again. If there’s not an idea that you could cross out at this point, think sources. Where are you going to get information about your ideas.

For example, if you are thinking of blogging about gardening, do you have a garden? Do you have knowledge about plants? Suppose, you don’t, then you can blog about your learning process on how to build and start gardening. Now, think. Do you have a space where you can build your garden? Do you have the resources such as books and seminars that you can attend?

Your website also needs images. Make sure that you will have access to a source of rich images as well. There are images that you can buy, and there are free ones; but you cannot use copyrighted images. If you can take pictures with your smartphone, then you need to explore your surroundings so that you can take pictures of the plants you wish to feature on your blog. The stuff mentioned in this example are the sources of your contents.

Now, go back to your list. Check the ideas you think have a rich source of information that you have access to. Cross out the ideas you think require information that you have no access to.

Your Top Ten List

You come now in the final step in brainstorming ideas for your website. Repeat the whole brainstorming process of crossing out and checking those with rich content until your list is narrowed down to at most, ten ideas. Rank them one to ten. Write your top ten on a clean sheet of paper, or preferably on a notebook that you keep. If your list contains less than ten, that is just fine. You may have top seven or top five, or even top 12.

Your Top One is most likely the best idea for the website you wish to build.

The reason why you are keeping your list permanently is that you may need it in the future. In case you need to build another website, then you don’t have to go through the same brainstorming process again. All you have to do is pick an idea from your top ten or top 12 list.

In A Nutshell

It is not easy to come up with the best idea for your website. At often times, you don’t know what to put there. To help you come up with a good idea, you need to brainstorm. Brainstorming allows your mind to be creative and exploring. Brainstorming is not a quick step to a solution. It is a repeating process of letting the ideas flow fluidly through time. Therefore, you need not hurry. In between repeating process, there’s a time to pause and relax. This is to allow the ideas to incubate in your mind. While your mind is at a relaxed stage, it continuously search for the creative idea. Usually, the idea just comes out of nowhere in the middle of the process.

Now that you already have a good idea about your website, your next move is think of a domain for your site.

Available Materials

[su_menu name=”jobBuildWeb” class=”graybg”]

What Domain Name Is Best For You

what domain name is best for you

Each website on the World Wide Web is labeled with a name. When thinking of a domain name for your website, consider it like giving a name to your baby – it is special and meaningful.

First, what is a domain name?

A domain name is to a website, as a business name to a company, as nickname to a person. It is used to identify your site on the web. It must be unique, one and only. As a whole, domain names are housed by a domain name system or DNS for short. Behind every domain name is a unique set of numbers, which are hard to recall. Thus, these numbers are given easy-to-remember names.

Where do you get a domain name?

The source of your domain name is you. You will be the one who will give a domain name to your website. Once you have thought of one, you must register it with a domain name registry. Think of it like registering a business name with the Department of Trade and Industry or the Securities and Exchange Commission.

To register a domain name is paid yearly – just around $5 – $15 a year. There are web hosting company who offer free domain for life; provided you sign up for a web host account with them. GreenGeeks is one of those who offer a domain name free for life as long as your website is hosted by them.

What name do you have in mind? The following tips will be helpful.

Best Tips In Picking A Domain Name

1 Use Your Company Name

If your company already exists, then use your company name as your domain name. It is rule #1 that your website is associated with your business. Can you guess the domain name of Bank of America? Most likely, your guess is right.

What if it is already taken?

You can tweak your company name. Just make sure it is really close to your business name. If you are not targeting the global market, use country-code top level domain (ccTLD).

Speaking of country-code top level domain

If your site targets a specific national audience, you have the option to use country-code TLD, ccTLD for short. Brainly.ph, for example, caters online study help for students in the Philippines. Among the first ccTLDs are .us (USA), .uk (United Kingdom), .il (Israel) .au (Australia), .de (Germany), and 6 other more. Currently, every country is assigned a ccTLD.

Dot tv is commercialized for websites related to television, but actually .tv is specifically designated to the country Tuvalu. Other country-specific TLD used creatively for other purposes are: for radio and music, .fm (Federated States of Micronesia) and .am (Armenia); for websites, .ws (Samoa), for companies, .co (Colombia) and for personal blogs, .me (Montenegro). Not all ccTLD can be used worldwide. Finland’s .fi is exclusive to Finnish citizens. If your company is not located in France, you cannot use .fr.

Ma.tt is the personal website of Matt Mullenweg, the founder of WordPress. Dot tt is the country code for Turkey. If your name is Joseph, how does jose.ph sound? Cool, right!

Registering your domain name with ccTLD is expensive compared to the generic global .com, .net, .org.

2 Brand Your Name

Your name is as good as your brand. So, if your name sounds commercial, go for it. If you are not comfortable with branding your name, you have the liberty to think of something else. The advantage of branding your name is that you can own it heart and soul; it has a personal touch, therefore, makes you trustworthy and genuine. Branding a personal name fits well for authors, artists, performers, public figures, speakers, consultants, personal bloggers, and writers in general, to name some.

Chris Spooner is a creative designer whom I get inspiration from through his creative design site Spoon Graphics. His other site is www.chrisspooner.com. An award winning photographer of Sweden is Mats Almlöf, whose site is www.matsalmlof.se. Guess who owns www.jkrowling.com?

Read this related article who had an expensive lesson for not matching her domain name with her brand.

What if your name is taken?

3 Tweak It.

To tweak is either to add an extra letter, remove, or replace one. In a way you change its spelling but it still sounds good.

His name is George but george.com is no longer available so he registered instead geor.ge (.ge is the country code for Georgia). Some other creative examples are: disqus.com, tumblr.com, digg.com, flickr.com, and mural.ly.

Here’s how I tweaked my domain name. My site is www.amikvs.org. Amikvs comes from the old Latin word amicus, which means a friend. In the old Latin alphabet, U does not exist; instead the letter V is used. So, amicus would be spelled amicvs. To ensure that my domain name is unique, I tweaked it more by changing C to K. Thus, amikvs.

How would you tweak your name, just in case?

4 Keep It Short, Simple And True

The simpler the name the better. Simple and short names and words are easier to remember. It is important that when you mention your website to others, they will be able to recall it without pain. CNN opted to use more cnn.com instead of cablenewsnetwork.com because people are more familiar with CNN that its longer meaning. Other good examples are time.com, forbes.com, navy.com, and apple.com.

Pick words that are true to your business or activity. So, if your website is about recipes, you may add the word food or recipes. If your site is about health, would you name your site with the word tools? I guess not.

These straight-forward words are called keywords. There are websites that abused the use of keywords. Not a good move, so don’t.

At this time, with over 960 million 1.1 billion websites worldwide, most likely the simple words and shorter names that you would want to use have already been taken. It is for that reason why some domain names are tweaked.

Is there another way?

5 Invent A Word

Another way to brand your website is to create a new word. Famous examples are: twitter, fiverr, pinterest, google, mozilla, and skype. When you invent a word or a name, keep in mind that it would be easy for people to say it and spell it. Limit it to one to three syllables as much as possible.

Is amikvs easy to say and spell? I must admit, I am guilty. 🙂 I could have thought of something else. To tell you the truth, it is not easy to come up with a domain name that is unique from all the 960 million 1.1 billion websites worldwide.

Let’s go to tip #6.

6 Combine Words But Be Careful

Aside from tweaking and inventing a word, you can combine two words. Just make sure that they are still short, easy to remember, straight forward, and related to your website. Travelchannel.com is straight forward; so is foxnews.com. By a 100%, you would know that their websites are about travel and news respectively.

However, nothing would stop you from being more creative. Lonelyplanet was started by a couple who traveled across Europe and Asia. Greenpeace is a site dedicated to caring for the environment.

Would you have any idea what wordpress and facebook be all about?

Be careful, however, when combining words. Some words when combined form another meaning. Pen Island’s domain name is penisland.net. When the owners of expertsexchange.com found out that their domain name did not look right, they hyphenated it to experts-exchange.

Rule#4. Do not combine words with the intention to deceive or mislead. That is against the law.

Speaking of hyphenation.

7 Don’t Hypenate; Don’t Use Numbers

The problem with hyphenated words is that you would think twice whether the domain name is separated by a hyphen or not. That violates total recall. Same is true with numbers. Was it 528records.com or 168records or records825? Well, you can guess every possible combination if you have the patience. At least, you get the idea.

8 Use the proper TLD

Popular domain names such as facebook, twitter, google, yahoo, wordpress, pinterest – all of which end with .com because these sites are commercial sites. Some domain names end with .org (organization), .edu (education), .gov (government), .mil (military), or .net (computer network). These dot domains are called gTLD or generic top-level domain. As you register your domain name, you must pick the proper gTLD. Simply put, if your site is not a government site, then do not use .gov. This is rule#2.

You can combine gTLD with ccTLD. For example, you can end your domain name with .com.ph just like www.pex.com.ph, an online community in the Philippines.

9 Do Not Use Trademarks

Stay out of trouble. Rule#3. If a name has been trademarked, do not use it for your website. For example, you can never include sony in your domain name, not even a word that sounds like sony. Otherwise, Sony will run after you. Same is true with all other registered trademarks. To be safe, make a research before registering your domain name.

Domains and Domain Names

The following is going to be too techy but I will make it sound as simple as possible. You can skip this, if you like, unless you want to add a bit of info to your stock knowledge.

Domains are classified into levels: top level, second level, third level, etc. A top level domain may be generic (gTLD) or country-code (ccTLD). The other level domains are the host domain, subdomain, and root domain.

A domain always requires a host domain and a TLD. It follows any of the following formats:

  • host.root.gTLD (eg www.amikvs.org)
  • host.root.ccTLD (eg www.amikvs.ph)
  • host.root.gTLD.ccTLD (eg www.amikvs.org.ph)
  • host.subdomain.root.gTLD (eg www.blog.amikvs.org)
  • host.subdomain.root.ccTLD (eg www.blog.amikvs.ph)
  • host.subdomain.root.gTLD.ccTLD (eg www.blog.amikvs.org.ph)

Any domain that appears before a TLD is called a second level domain. Any thing before the second level domain is a third level, and so forth and so on. The root domain is usually a second-level domain. It becomes a third-level domain if it is followed by both a gTLD and a ccTLD like .com.ph.

The most common host domain is www, which stands for the World Wide Web. Other host domains are ftp (file transfer protocol) and mail. Example, ftp.amikvs.org, which I use to transfer files to – from my website. Perhaps you are familiar with mail.yahoo.com and mail.google.com. You use them to manage your emails.

A sub-domain is a sub-directory of your root domain. For example, amikvs.blogspot.com is a site within the root domain blogspot. Once you already have your own site, you can create your own subdomain. For example, I can create blog.amikvs.org, which is actually the same as www.amikvs.org/blog/, which means /blog is a sub-folder in the root amikvs.org. Unless very necessary, you do not have to create a sub-domain. The sub-folder format is good enough.

Which one is ideal for your domain name: gTLD or ccTLD?

When you register your domain name with a gTLD, the subscription price is cheaper. Domain names with ccTLD are more expensive.

If you want your site to sound global, use gTLD. But don’t expect the whole world to see your site in every search because search engines give priority to sites that are in your country. In that case, using ccTLD would be an advantage.

Where To Register A Domain Name

Now that you already have an idea how to ideate a domain name for your website, start brainstorming. Follow the same method discussed in how to “Brainstorm Ideas For Your Website“.

With a billion websites worldwide, it is now difficult to come up with a unique domain name. Brainstorm domain names and make a list of as many as you can before you register your choice. If your first choice is no longer available, try the next one in the list, and so forth and so on. Don’t give up if all the domain names you have thought of were already taken. Allow your mind to incubate the ideas. Soon, you’ll get your desired domain name. It took me a month before I came up with my own domain name amikvs.

With the exception of sub-domain names, all gTLD (e.g. .com, .org), ccTLD (.ph for example) and combined gTLD and ccTLD (.com.ph for example) domain names should be registered with a domain name registrar. ICANN is the organization that governs the allocation of domain names via authorized domain name registrars. If you already have a domain name in mind, you can check its availability with GreenGeeks, the network company that’s hosting my website.

In A Nutshell

Your desired domain name depends on your purpose: SEO or branding. If SEO, use keywords that perfectly describe your website. For example, “tropical gardening”. If branding is your purpose, use your name, if it sounds good; otherwise, invent a word. For whatever reason, be creative, make your domain short (3 syllables preferably), and make it sound easy to say and recall.

Use .com, first and foremost. You must first own yourname.com, otherwise, you would be competing with your own domain name that is owned by another. If your domain name is already taken with .com, try another domain name. Once you’ve owned yourname.com, get a yourname.org as well. Your brand is important, so make sure that you own it. For example, if your brand name is example, you must own the following domains: example.com, example.org, example.net or example.edu (if it fits your purpose), example.ph (if you are targetting the Philippine market), and example.com.ph.

If you are budget-constrained, at least register your domain name with .com.

Make a list of domain names before you register your choice so that if one is no longer available, you can register the next one. I recommend GreenGeeks because they offer one free domain name should you choose to have your website hosted by them. Registration of a domain name is usually bundled with a subscription to a web hosting company.

Your Next Lesson

In your next lesson, you are going to build a website of your own at no cost at all. So, be ready with your domain name and what your website is all about. Don’t worry, you don’t have to register your domain name yet because you are going to use a subdomain.

P.S.

You may be wondering why my site is amikvs.org instead of amikvs.com. Well, I used to own amikvs.com. I tried to transfer it to my current web host, but philhosting.net didn’t want to cooperate. When my domain name expired, someone registered it. Now it belongs to someone else. That’s why, you must take care of your domain name.

Available Materials For Reading

[su_menu name=”jobBuildWeb” class=”graybg”]

8 Startup Tips To Consider Before Putting Up A Website

Build websites metaphor

Wanting to have a website but you don’t know where to begin; or if you should really have a website? You don’t just put up a website because you want to. Wanting is primal, but certainly after desire comes with something more. It is not enough that you want it.  Here are 8 things or startup tips that you should consider before putting up or deciding to have a website.

1 Want

OK, let us not put this aside because it starts from here – your desire to have a website. Why do you want a website? You have a number of positive reasons, I suppose, and they are all valid. All factors aside, if you insist on having a website even if you don’t need it, then stop here. You don’t have to know the rest. Just go ahead. Satisfy your desire and put up your website. There’s nothing wrong with that. Should you want to explore more, then continue reading.

2 Need

Having second thoughts? You may have the desire to have a website but do you really need one? Having a website requires time, work, and money. If you don’t need one, then don’t waste your energy. The difference between want versus need is that a need is something necessary; want is not. How do you know then if you need a website?

If you’re into business, do you believe that having a website will increase your sales? If yes, what should your website feature in order to increase your sales? If you’re not into business, will your life change to the better if you would have a website? Why do you need a website? If there’s no valid need, why do you want it then? What’s your purpose?

3 Purpose

Your purpose of having a website will justify your need or your want. Generally, you need a website for reasons such as publicity, marketing, advertising, e-commerce, research, and communication, among others. The following are some specific valid reasons of having a website.

  1. To publicize your organization. You want your target market to know that you exist. Your web presence therefore is necessary so that for those people who would be interested to learn more about your organization can learn about your organization by visiting your website. More importantly, you give your prospects a means to get in touch with you.
  2. To sell and market online. You want to sell things online to reach a wider market. Rather than opening a hundred branches of your store nationwide, an online store would be more convenient for your customers to buy your products. If your job is about Internet marketing, then you definitely need a website. For one good reason, your customers should know who they are having transactions with.
  3. To reach a global market or audience. Reaching a global market means more sales to your business. If your website is about activities that you do or propagate, the need to share what you do can give you more satisfaction if you can connect to a wider audience, especially to those who are confined to their homes.
  4. To share information. We are born to share our gifts such as our knowledge, talent, skill, works of art, etc. By giving tips, counsels, or short tutorials for free, you do something selfless and noble. Why not? Sir Tim Berners-Lee, the inventor of the World Wide Web technology, made the Web for everyone to enjoy and use for free forever.
  5. To be productive. You can make blogging a hobby. Instead of wasting time doing nothing at home, you can make yourself useful and productive. Connect with people and be social, or offer an online help or support to people that you can inspire. Use your blog to improve your skill in writing.
  6. To journal your activities. Use your website to record or document your progress in whatever you are studying or working on. Blogging was invented and originally intended for this reason.
  7. To showcase your portfolio. If you’re into services such as photography, painting, or creative design, use a website to showcase your works.
  8. To provide add-on services. You want to serve your customers without them having to go to your shop or office. Your website can provide add-on functionality such as mini-apps that can be entertaining, educational, or informational. For example, if you are promoting a weight loss program, your website can have a mini-app that calculates ideal weight. If your site is about finance, you can provide something that calculates loans and amortizations.

4 Content

What are you going to put on your website? Your site cannot be empty. If your purpose is to simply present your business profile on the World Wide Web, you only need basic information such as a short write-up about your company, a visual presentation of your products or services, contact information, key persons that make your organization (if necessary), progress or growth timeline, some business principles, beliefs, goals, and ideas.

If your purpose is to give a rich source of information about your chosen topic, activity, or field of work, then you must have a clear idea where you are going to get this information.

If you are selling stuff online, then be ready with photos of the items you wish to sell, honest description of your products, and how your customers can order online.

5 Target Audience or Market Niche

Traditionally, you first think of a product, then you look for the market. Today, the modern and effective way of doing business online is the reverse. First is to look for a market. Once you have found a market niche, then you create a product in response to the need of that market. A market niche is a group of consumers who have common needs or demands. For example, women who want to lose weight.

If you know your target audience, you must also know where to connect with them. Your website should have visitors, otherwise, it will become useless.

6 Budget

Having a website entails cost. You pay for your domain name registration and its renewal yearly. You also need a web host which you pay annually. You will have to hire a web designer to design or build your website. If writing is not your skill, you might need to hire a writer. You may also need to hire a photographer and a graphics artist should your site require images; or simply buy images online from photo-stock sites. You also need someone who can manage and administer your website regularly.

If your budget is tight, you may opt to use the free sites such as Blogger or WordPress(dotcom). Free sites, however, have limited functionality. You use them simply for blogging – to showcase your work, to market your services, or share information. Technically, you cannot use free sites for e-commerce purposes and online marketing. There may be a creative way to sell a few products with free sites but usually these free site hosts do not allow it.

7 Time

If you need your website up and online immediately, it can be done but do not expect much. If you are a person who can learn online technical stuff with ease, you can build your site in less than an hour with Blogger or WordPress(dotcom). Otherwise, you will need to hire or ask someone to teach you or do it for you. There are CMS (content managements system) available on the Net such as WordPress, Joomla, and Drupal which you can use to build your website in less than a week or two. If your website requires complexity and has to be developed from scratch, then it may take at least two months to accomplish your site; plus, be ready with a big budget.

8 Platform

The platform that your website may require depends on the purpose of your website. An e-commerce site is more complex to develop compared to a blog-type website. A static website, usually used to present a company or business profile, can be done with HTML and CSS. Here’s an example of a static website. For this site amikvs(dot)org, I built it with WordPress.

There you have it. I hope the list above can help you in deciding whether to have a website or not. If at this point, having a website sounds complicated and you feel discouraged to have one, consult a specialist who can explain further the ins and outs of putting up a website; or use the comments below to ask me.

Perhaps you are wondering what the difference is between WordPress(dotcom) and WordPress(dotorg). WordPress is a CMS that you use to build a website. WordPress(dotcom) is a site where your website can be hosted for free using WordPress. WordPress(dotorg) is a support site for those who use WordPress outside WordPress(dotcom).

Essential Tools To Power Up Your Business

Whether you’re a freelancer or a corporate owner, you need stuff to promote your business. Business instruments such as websites and marketing collateral are essential creatives that make your business known. What follows is a list of the essential business tools that you need to power up your business.

If You’re A Business Owner

1 Public Image

Logo
This is the very first creative that you need. Have a logo designed that truly reflects your business image. All your creative collateral would need a logo.
Letterhead
Design a letterhead that blends with your logo and business image.
Business card
Your business card should complement your business image. Its design should not be a breakaway from the design of your letterhead.

2 Web Presence

Website
To put your mark on the Web, you need a website. A website requires two things in order to exist on the Net.

  • Domain name. Your website requires a unique domain name that you have to register in order to be valid.
  • Web host. You need to subscribe to a web host plan to house your website on the Net. I recommend this green web host, not only because it comes with a free domain for life, but also it uses green energy.
Site administration
You need someone to manage your website, unless you are a technical person who knows how to do it.
Content management
Your site needs content with substance. Somebody has to manage it who can write in good English and do some research. If you are good with a camera, images add appeal to your content. You may also need a graphic designer and a video editor if you want to add this kind of content.

3 Web Promotion

Social media integration
Connect your Facebook or Twitter to your website. There are a number of social media sites to choose from: Pinterest, LinkedIn, Google+, YouTube, Pocket, Tumblr, Flickr, among others. Pick your favorites.
Connect and interact
Technology can do the integration but to interact with humans, you have to do your part.
Advertisement
There are two forms – paid advertising and freevertising. In freevertising, you use your social media sites or your email list to promote your business. But never, never spam.

4 Creative Collateral

Flier, brochure, catalog
Outside the web, traditional marketing materials complement your digital creatives. But of course, you are not limited to paper. Your flier, brochure, and catalog can be digitized into PDF or JPEG file format.
Business letters
Sales letters, follow-up letters, and thank you letters. To compose an effective business letter is a skill that only a few has. Hire someone who is really good. For a tip on how to write an effective business letter, read it here.
Landing page
You might also need a pitch page, aka sales page, an opt-in or signup page, or a combination of both depending on your objective: to sell so they buy or have them sign up for something.

If You’re A Blogger

You can optionally skip #4 if you are a blogger. In some cases you may need a variety of landing pages as a way to promote your blog or website. If you have items to sell, a product catalog would complement your blog.

5 Blog Monetisation

If you simply want to increase your followers, you can skip this section. Otherwise, continue reading to get some ideas on how you can make money blogging.

Publish ads
Put ads on your site. Sign up for Google Adsense, Clickbank or RevenueHits. If your site is popular, you can accept direct ads.
Join affiliate programs
Your blog can promote somebody else’s products through affiliate sites like Clickbank.
Sell something your own
You can write an e-book and sell copies. Package your photos for a price. Sell a coaching service.

For The Entrepreneurial Mind

If you want to have your own online business that generates passive income, I will teach you exactly what I do — step by step. Think about it. Once you have decided and truly serious about it, contact me. I will get back to you as soon as I can.

6 Other Things

If you know other things to add to the list, you can mention them below.