7 Questions: Redesign Corporate Website to Delight Visitors

Great. Now that you've understood the importance of your corporate website, it's time to roll up your sleeve and work on the website redesign.

Careful planning can help you redesign corporate without taking up much time, brings higher ROI and help you generate leads.

Why Do You Need to Redesign Corporate Website?

There's a lot of reasons why you need to redesign the corporate website. Here are a few.

  1. It's not talking to your audience.
  2. Too much about yourself.
  3. The user flow is confusing.
  4. It just doesn't work anymore (technical reasons)
  5. Poor traffic conversion.
  6. It's not helping you get more leads.
  7. It's not longer inline with the brand (it's also backwards-looking)

Whatever the intentions behind the decision to redesign the corporate website, it has to be a valid concern. It can't be because you don't like the layout, therefore we change the website entirely.

Revamp, refresh or redesign. Which is it?

Before we get lost in the jargon, let's try to understand the difference between the three verbs.

Refresh can be really quick, 1-2 weeks. While revamp or redesign, can take upwards of 2-6 months depending on the complexity of the website and your business and have a bigger impact on your traffic, marketing, sales automation and revenue. Of course, a website revamp is a lot costlier than a website refresh.

In this post, I'll be covering corporate website redesign. For a website refresh, you best spare a week or two or hire external help for a quick turnaround.

7 Questions (that needs answers) before you Redesign Corporate Website.

  1. What are we trying to solve here? - What are the problems you are facing?
  2. Where is the finishing line? - What's the definition of a successful website redesign?
  3. Who is the audience and what do they want?
  4. What motivates your audience to proceed or quit the website?
  5. What are the most valuable pages (the one with the highest traffic besides the main page)?
  6. Example of websites that you like and why?
  7. Who are the project team members?

Let's start.

1. What will the new redesign corporate website solve?

Solution without a problem is like shooting a Ghost.

A website solves 3 main problems, communication, marketing and branding.

Communication — A website is 24/7, it runs all the time without taking a break. It may also be the second touchpoint after the first impression (word of mouth, ads, referrals, Google searches). The goal is to communicate as efficiently as possible to convince your audience to take the next step.

Marketing — the single source of truth and as a marketing channel. Which would you believe, a newspaper article about the company or the company website? If it's not on your company website, then it's a rumour. e.g. New iPhone is coming. Until Apple publishes on their website, it's only going be a hearsay.

Branding — to reinforce your positioning. It's 2020, competitors are on the rise. Everyone can Google how to deliver your solution. You need to tell exactly who you serve, why you do it better and why buy from you.

2. Where is the finishing line?

Unlike printed brochure, a website is a digital document. It has a life.

There are two things you need to consider, when will the website be launched and what are the success measurements?

Launching the Website  — When will it be? If it's too short, then we'll probably rush into things. If it's too far, then we're taking it way too easy, dragging expensive man-hours to fix a single comma on the website. Expect your corporate website redesign to complete within 2-6 months.

Website success — it can be anything, but it has to be attainable (within your control) and measurable. I had people asking for 1 million visitors in 3 days and they never hit 100 per day. Be logical with your goal. Here are some inspirations for your goals.

  1. Traffic — number of visitors coming to the website.
  2. Dwell Time — duration of stay on the website.
  3. Pages per visit — number of pages they visited until they quit.
  4. Leads — visitors that submit through your contact form.

All of this can be measured easily with Google Analytics.

3. Who is the audience and what do they want?

Let's face it - Nobody cares about your product. .. Until you care about your customers.

Laman7 have worked with billion-dollar companies to small mom and pop shop, the same occurring problem is not knowing who the audiences are and what do they want?

For the Consumer market, it's straight-forward, appeal to their inner needs. For Corporate, it gets complicated because the one who browses the website is not the decision-maker. That's why most business to business or business to government sales cycle can go to months (if not years) for it to be materialized.

Start small. Who are they? Mid managers, young executive, Managing Director, CEO, CMO. How old are they? Age and experience will determine the tone of language, references to pop culture (if any) and use of time (the younger they are, the less they are interested in reading a long document).

What's bothering them? What's stopping them from greatness? Understand their disappointment, what are they going through and map their progress to achieving their goals. Big words huh?

redesign corporate website user persona

Example:
David Lee, 29 Years old, Assistant Sales Manager, 6 years in sales. — We know he has some knowledge of sales. Therefore words like margin, profit, selling price, prospect, lead is normal to him.

Frustrated replying too much email, not much (real) sales activity. — We need to dig deeper into the problem before we can offer a solution. We understood that he spends 2-3 hours daily replying project email that's not related to sales. Hence, his sales number does not go up. He does not get a raise. He's frustrated.

The truth is, David Lee is not the only Assistant Sales Manager that faces this problem, the whole world is. His boss probably wants him to do more.

If we can demonstrate how an Automated email solution can solve David Lee's problem. Help the company save time and make more money, wouldn't the company be obligated to invest in such a solution? I know I would.

Repeat this step 3-4 times. Get at least 3 audiences (marketers call this personas).

The biggest wrong move is to promote your brand to another brand, like, we are the Number 1 Automation Tool in the World, therefore buy from us. It may work in the 80's but not in today's world. Brands need to appeal at an individual level.

In 2015, research from Google showed four main intent type that drives people to a website.

  1. I want to know
  2. I want to go
  3. I want to do
  4. I want to buy

redesign corporate website 4 moments

What you can learn from this research is that people

  1. know — are curious to learn about your solution
  2. go — how to visit your office
  3. do — use or learn how your solution works
  4. buy — who to contact to purchase your solution

That's only the top of the funnel.

Note: Understanding the audience is the most difficult yet rewarding things to do. If you skip this question, you may not bother about redesigning your corporate website at all.

Website is only built for your customers. Not to stroke your ego.

Now that you've identified all your audience (persona), it's time to rank by priority. The simple question, which is the biggest group? — Great, target them. They may not have the buying power, this is where your Sales Kit and soft skills come to play.

Remember, B2B website is not about selling, it's about qualifying the right people for your solution.

4. What motivates your audience to proceed or quit the website?

One word. Copywriting — will get your audience to engage, stay on the page longer and navigate to other pages.

The biggest misconception about copywriting is to use big words to Wow the audience. Being impressive does not win the sale, in fact, it hinders understanding.

We trace back to our mantra, the true purpose of the website is to communicate. What good is a website if does not send the right message?

So drop the jargon, big words, long paragraphs, abbreviations, and anything that might cause confusion. Use simple, clearer words to convey the message.

redesign corporate website user experience

Besides copywriting we can look at using Buyer Journey Map (or Customer Journey Map, or User Journey Map). What we do is get the audience to graduate from one point to another. Why? Because the business customer doesn't buy immediately after the first visit.

Here's an example.

7 Questions: Redesign Corporate Website to Delight Visitors 1

You can also download the Buyer Journey template. Start working on it.

86% of visitors who land on a company’s website homepage say they want to see information about the company’s products and services

With proper documentation, you can experiment effectively (fail and learn) the User flow, by changing the content.

5. What are the most valuable pages?

We define value by the number of traffic and conversion.

Traffic — Number of visitors to the web page.
Conversion — % of action taken on page (generally clicks).

List down all pages, then find the traffic and conversion for every single page. You can do this easily with Google Analytics, import into Google Sheets.

Find top 10 valuable pages.

We also need to note the Search Engine value of this page. Any wrong move would definitely destroy it's ranking on Google. You'll need to take note and do your best to avoid changing the link, content and features.

Sounds like a lot of work? It is and it's worth it. A new car is not built from scratch but from the market feedback. Data is the meat of any website redesign project.

(Web page is a singular page, whereas the website is the collective web pages)

6. Example of websites that you like and why?

Let's talk about the future looks.

Good artist copy, GREAT Artist Steal.

Steal inspirations from the best-looking websites in the world. This will drastically cut down the designing duration by 75% compared to designing from scratch.

The problem is, we (web designers) can't read your mind, preference and taste. You need to show it. It's easier to digest visually than auditory.

We can also look at top players in your industry. How are they doing it? They've done the homework, we could cut down the design work in half by copying the inspiration and User Experience.

List down at least 3 websites and explain why you like these websites.

redesign corporate website design

Note: I don't suggest anything beyond 6 design, it would be too complicated to digest.

7. Who are the project team members to redesign corporate website?

There are usually two sides, one on the business side (you and the rest of the company) and design (usually outsider, web design, web developer, marketers etc). Both need to work together to ensure that you are heading towards the same goal (like no 1).

You should elect 4-7 people to oversee and advise on the redesign corporate website.

  1. Project Sponsor — The one that makes the decision. Usually the highest-paid person in the room.
  2. Experienced or Product Specialist — They will help with the product description and how it solves customers' problem.
  3. Customer Service — They will help the FAQ (common questions about the website)
  4. Marketers or Corporate Comm - They will help with the bigger picture of promotion the website and brand identity.
  5. Sales — They will share common communication with prospects and customers.

Click here to learn more about web design team members.

Extra: What happens when the website is completed?

Website is like an engine, without fuel it will never run.

What are your plans when you completed the website? How will you be promoting it? There are three ways you can gain traffic.

Without traffic, your redesign corporate website is as good as an empty mall. Decide what traffic to invest in and start experimenting.

It may be worrying to invest in traffic if this is your first time, but if you don't do anything, no one will ever find out about your website. Big outcome, demands big effort.

Another aspect you need to be aware is the maintenance of the website. Who will provision the website, care for it (technically) and additional content you might want to add on your website.

Summary Redesign Corporate Website

We have learned in detailed the steps before you redesign corporate website. I believe I have been detailed the before process. Now you've got an idea how to execute your new website.

Best of luck.

7 Questions: Redesign Corporate Website to Delight Visitors 2

Next Read: Web Design Process > Get More than what you paid for.

Laman7 Redesign Corporate Mantra

  1. A website solves communication problem, not only visual and technical.
  2. Website is built for the customer.
  3. B2B Website is not about telling, is getting them to the next step.
  4. A corporate website is not to Wow audience but communicates value.
  5. Nobody cares about your product until you care about your customers.
  6. Without traffic, your website is useless.
  7. Wrong man for the job, the wrong outcome.
  8. Always design with Data, not gut instinct.

5D Web Design Process: Increase User Engagement and Profit

Looking to redesign or rebuild your website? Here's the web design process.

Why Use Web Design Process?

What happens if you build a website without process?

Web design process Good Process vs Outcome

A website is not just about the aesthetics or the looks, the hero image, fancy background or good looking call-to-action button. It is more than that. it needs to be aligned to your marketing strategies and making it usable for real people.

One of the biggest setbacks in web design is not having a strategy or building a website without following the process.

Note: This is not a basic web design process, it’s as deep as it gets. But I’ll try my best to keep it simple.

Why Did I Develop the Web Design Process?

I want businesses to get good returns from their website investment (even if you don't build your website with me). As Alan Stein Jr (writer) said,

"Control the Controllable".

Why leave to chance when we can control every aspect of the outcome?

In this article, we're gonna look at how I design a website using 5 simple web design processes that I have used for the past 10 years in my web designing business.

The 5D web design process is the same as the web development process. There are also no web development process best practices

My process of building a website for a client is the same for government agencies, big corporations, small-medium businesses, and influencers.

The starting point of website design.

Any website development can be broken down into three phases which are ‘the before’, ‘the during’, and ‘the after’. Here’s how the website design process flow looks like:

Web Design Process - Before During After

Most web designers jump straight to ‘the during’ or web developers like to jump to building it without understanding the true scope of web development.

Why Follow the Web Design Process?

Without a process, there is bound to be chaos. You don’t have a fixed direction where to go. Sometimes there are overlapping jobs and tasks.

Most of the time, web developers have to re-do the coding when there’s a new ‘a-ha’ moment. You waste time and resources when you can do it once.

What You Avoid When You Follow the Web Design Process?

By following the web design process, you are able to improve the time to develop the website whilst ensuring that you cover all grounds before launching it.

This way, you do not launch a half-baked website that is .. ‘meh’.

Who Can Use this Website Design Process?

This article explores the web design process for clients. But can also be used by Web Designers, Project Managers, Corporate Communications. It can be applied to corporate websites, landing pages, eCommerce websites, digital products.
As long as there is design and coding involved, then you can use it.

Let’s begin.

Periodic Table of Web Design Process by New Design Group

How is this different from the Periodic Table of Web Design Process? It is about the same, however our 5D method covers the holistic approach, inclusive of the marketing and sales team.

5D Web Design Process Overview

The 5D is an acronym of Discovery, Design, Develop, Deploy, and Dedicate. Each signifies the stage of Web Design Process with different expertise working together. Marketing, Designer and Programmers.

5D Web Design Process: Increase User Engagement and Profit 3

(Click image to download the web design process) (No Email required.)

Step1 - Discovery Web Design Process

The discovery happens way before design. This is about understanding what you are trying to build and who it is for. Think of Discovery as part of Strategy.

Without Discovery, you will be running around like a headless chicken. Shooting everything in the sky, hoping to catch a bird.

We do not want that. We need a solid direction.

Discovery can happen through question-aires, physical sessions or through phone calls.

web design process - Discovery

The Goal of the Website

What do you want to accomplish from this new website? Is to:

Whatever the goal may be, it has to have some measurements (metrics). Example: Get 1,000 visitors daily. Reduce call center phone assistance by 25%.

This way we can design the website that has actual benefits and focus on realizing that goal.

You can also use the SMART Model. Specific, Measurable, Accountable, Realistic, and Time-based. Here’s an example:

“The new website will generate 1,000 daily visitors organically, by April.”

If the current website can only manage to attract 20 daily visitors, then it does not make sense (realistically) to multiply by 50 without any external factors (press release, billboards, etc).

The Business Challenge

What is stopping you from getting to your goal? What's the hurdle that we are trying to jump over?

Example: All my competitors are doing digital marketing. If I don't do it, they'll wipe me off the market.

The Current Website Challenge

What are the website challenges that you are currently experiencing?

There could be a multitude of challenges.

The Target Market (Audience)

I usually like to focus on 1 key focused group, but you can easily expand to multiple groups of people.

Demographic

Demographic - What do they write in Formal Forms? Age, Sex, Address, Office Address, Kids, etc.

Having the demographic will definitely help when doing targeting advertising platforms like Facebook ads.

Psychographic

What is going through the target demographic mind? What are they feeling?

By understanding the target audience psychographic, you will be able to draw them closer to your brand, business, or product.

For example, a mother of two has problems sleeping at night and wakes every morning feeling lethargic. You can address these challenges immediately in the copywriting like so:

“Are you tired of waking up in the morning? Try our mattress for 100 days. Full Refund if you do not help you sleep better.”

Pain - What the visitor is going through? What is their current condition?
Gain - What do the visitors get from solving the pain?
Plan - What can you do to help the visitors from pain to gain? (besides buying your products)

I like to put a single target market in a table like below, one page that summarizes the target market.

Awareness Level

Is the target market aware of the challenges they are facing?
If yes, how do they find information to address those challenges?
If no, what can you do to tell them that these challenges can be addressed?

By knowing exactly the awareness level, you can segment the market into different parts of the website.

For example, if they are not aware of the pain they are experiencing, you can create a video that explains their situation and post it on social media with a link to your website (blog) that explains how to address those challenges.

Search Terms

What keyword are the target market using in order to find the solution, challenges, or gain?

Example:

  1. How to sleep better at night?
  2. Medicine for sleeping
  3. Natural way to sleep
  4. Tips to sleep better
  5. Wake up easier
  6. How to wake up early
  7. How to feel fresh in the morning
  8. The keywords center around ‘sleep better’.

By knowing the search terms, you can effectively plan basic SEO for the website to rank.

You can also use Google Trend or check Google Search Console to find the keywords that you rank for.

The Brand

The brand is about who you are as a company.

People want to feel connected, not speaking to a robot. They want to feel secure and listened to.

Let’s go deeper into the brand

Brand Promise

What can people expect to get from you?
What is the experience when they engage with you?
What do you make your visitors feel?

Here a few examples of the brand promise.

Nike - Makes you feel like an athlete even when you are not.
Milo - Makes your kids feel like a champion
BMW - Makes you feel young, living on the edge and sportier
Apple - Wants you to think differently.

Brand Perception

How do you want your customers to look at you?

Are you upmarket and premium?
Are you offering cheap and low quality?

For example, Apple has a great ethos of innovation and design. When you buy a Macbook Pro, it’s going to look good, performs really well and it’s above the average price of laptops. But people see it as, ‘if you are serious about your creative jobs, you use an Apple laptop”.

Brand Value

Brand value is the core foundation of your business.
Brand value is not how much the brand cost, that is brand valuation.

Example: Honest, Clean and Organic.

These will be all the value that is preached throughout the entire chain of command.

If a staff member is being dishonest with a customer, then the possible outcome is to retrain or fire them.

The brand value does not have to be explicitly stated on the website, it could be in a form of subliminal message in your tagline, images, proposal, etc. However, every one of the staff members has to know and practice it.

Brand Voice

Brand voice is the tone and language used to address the customers or visitors.

Let’s consider a Government Official vs Hardware Shop owner. The language used to address people are different. Government officials are inclined to use professional expression and the later using casual daily conversational.

Brand voice is spread across multiple channels like website copywriting, content, articles, social media, infographic. It has to be consistent throughout the channels.

What you want to do is identify the right voice for your audience. At Laman7, we speak and address people as if we are addressing high-school friends, friendly but not too casual.

The Web Design Task Force

You need to assemble the team for the web design process. This would greatly increase the speed of decision making and entrust responsibility to the right person.

I like to breakdown based on the DARCI Matrix

DARCI Key Role Position in Company
Decision Maker Makes the decision CEO, Chairman, Marketing Manager
Accountable The person in charge of the task Marketing Manager, Product Manager, Corporate Communication Manager
Responsible The one performing the task Graphic Designer, Photographer, Web Designer
Consult External (or internal) party to consult Customer, Customer Support team, External Consultants, Sales team.
Informed Get notified of the project, no contribution to the project Finance Department

 

The Design Style

Design; the layout, the aesthetics of the website, the style or how it looks like. But we are not going to design yet, we want samples of websites we can relate to.

Next, is to find those websites that you like and explain in what way do you like the website?

Find the following:

3 x Websites that you Like and explain why you like it?
3 x Websites that you Dislike (optional step)

The Competitors

In order to build an outstanding website, you need to know who the competitors are and how to beat them.

The goal here is to be differentiated from them.

Pick Top 3 Competitors, do research on the following websites.
Keyword: ____

Competitor Name & URL Keyword Ranking Color they Use Main Message Main Traffic Source
Competitor 1
Competitor 2
Competitor 3

 

Requested Features

Features are functions on the website that will be helpful for the users and website owners.

Here are some samples of features that are recommended by Mashable.

The good news is that most Content Management Systems (CMS) already have this in place. Your only concern is to know the feasibility of the usage. I.e. Will people use it, and how much will it cost?

Plan the Test

The tests and benchmark are agreed prior to starting the project. This ensures that the designer and developer build a website that works. Planning the test also reduces the time to develop.

The test also requires you to sign off. However, additional tests may be added on a case to case basis.

Step2 - Design (The Work)

Once you have completed the Discovery phase, it’s time to get down to start doing actual work.

Without Discovery, you would not be able to build a website that is appreciated by the website owner. I can not further emphasize the importance of Discovery.

For Website Owner: You avoid frustration because the web designers understand your business context and objectives.

For Web Designers: You do not have to ‘test’ design by creating multiple full versions of the mockup.

The most difficult part about Design is translating the Discovery into Design, and that’s our job to figure out.

There are 3 parts of the Design Process

  1. Technical - What feature would be beneficial to the target audience
  2. Design (Noun) - The look and feel of the website, images, photography, videos, rendering of products, etc.
  3. Marketing - The content, the copywriting, the messaging.

Once you have all this in place, you can start with User Experience (UX).

Information Architecture: User Flow vs Site Map

Information architecture is done before any design takes place because we need to identify the pages that need to be made before we design or sketch.

Content Before Design. Design without Content is Useless.

Think of Information architecture like the following.

web design process information architect

User Flow: How do customers get in, where (page) do you want to lead them?

As opposed to the sitemap model, User Flow helps to create an engaging experience.

Sitemap model: A traditional method of displaying the hierarchy of the website.

I personally use both. Here’s an example

UX + Sitemap

User Experience for corporate websites is about the same as any website. It is not as custom as mobile apps or digital products.

Content Planning

Since we know the target audience (in Discovery) we can plan out the content for the website using these simple questions.

  1. What does the user want to know?
  2. What are they trying to solve?
  3. What frustrates them?
  4. How can your product solve the user's problems?
  5. How do we take users from their current state to future state?
  6. How can we help the customer makes a purchasing decision?
  7. Product page arrangements
  8. Standard pages, about us, location, address etc.

I personally like to use post it. We can rearrange to fit the user flow.

web design process - Content Planning

The key point is to write the Basic Headling (or Headings) before we jump into copywriting.

Copywriting

While the sketch is being done, you can start the copywriting and content planning. It does not have to be perfect. As long as you have some solid idea about the headline and direction, that is already good enough.

For Copywriting, I like to use the CPASO Model

C - Context
P - Problem
A - Action/ Plan
S - Solution
O - Outcome

Or use the brand story model.

You can never score the right copywriting the first time you write. The key is in the edit. Keep editing until you are satisfied with it.

Hand Sketch

Once you have the website sitemap, you can start scribbling the pages. I prefer hand sketches because there is no ctrl + z and you do not have to worry about being wrong.

Keynote:

  1. Do not be critical of any new ideas
  2. Allocate 1 hour per design session and do not stop.
  3. For every page, create 2-3 ideas.

This helps you to give a basic idea of what you are trying to achieve. You can skip the hand sketch if it’s not for you.

web design process - Hand Sketch

Wireframe

The next step is to redraw your sketches using the software. No images are being used. Only a flat grey area for images (with x) and text placement.

Start incorporating the headlines into the design. Avoid using “Lorem ipsum”, because the website owner would not know the context of the space created.

web design process - Wireframe

Once you have the wireframe, be sure to run through with the website owner. Get approval now and reduce change requests (design) in the future.

Photos and Illustrations

Start finding the right photos for the final design (based on the wireframe.

Use as many possible internal photos (photos that you own) rather than stock photos.

If you do not have a photobank, you can start by hiring professional photographers.

For the eCommerce website design process, the best images are rendered from 3D models. You get to control every aspect of the lighting, packaging, placement, sizing, etc. It is not cheap, but definitely worth it.

Style Scape

In style scape, we showcase the theme (inline) with Corporate Image (CI) and the website preference. It should look something like this.

web design process - Style Scape

The elements that should be in considerations are

  1. Font type
    1. Headline Text
    2. Body Text
  2. Colors
    1. Main Color
    2. Accent Color
    3. Link Color
  3. Shapes
  4. Photo style
  5. Icon Types
  6. Form Style
  7. Logo Style
    1. Full Color
    2. Dark Background
    3. Inverted Color (if any)

The goal is to ensure the web design (outcome) is similar or matches the owner’s preference and tastes.

And make sure to approve the style scape before proceeding.

Web likes, Web dislike, Style, Shapes, Text > Style Scape > Mockup

Mockup

Once you have completed the style scape, collected the photos, copywriting and content, it’s time for mockup.

As you have realized, the mockup is not something that can be produced out of nothing. There are several design processes that lead up to it.

Here is how it looks.

web design process - wireframe to mockup

At this point, you can go through multiple rounds of changes until you are satisfied with the design but it has to stay true to the style scape.

There are many pages for mockup, but I like to group them in the following format:

  1. Main - The first load of the website
  2. Product/Service Page - The products or services
  3. Landing Page - Your lead magnets, pdf downloads etc.
  4. Info Page - About Page, Mission, Vision, Board of Directors etc.
  5. Contact Page - Contact form, Map, Address goes here.
  6. Article Page - Articles, blog posts, news.

Step3 - Develop (Design to Code)

The good news is that development can happen concurrently in the web design process (specifically for features).

Development can also start without waiting for the design process to be fully completed. You can start running the server, install WordPress and plugins, add pages before the new design and content is ready.

Development Server

web design process - Development to Production server

The development server is typically viewable from any device and not usually found on Google or by outsiders.

Once the website is completed on Development Server, we migrate it to the Production Server which I will explain later in ‘Deploy’.

Coding the Features

You can refer to ‘Discovery’ about the features of the website.

In most Content Management Systems, some features are free, some paid, and some have to be custom coded.

  1. Free - Free to use. Sometimes Freemium when you need basic features
  2. Paid - Either subscription per year license or perpetual (one-time payment)
  3. Custom Code - These codes are written for specific requested features.

Generally, we want to avoid Custom Coding because of code continuity. Codes may be obsolete in 3-5 years time. When that happens, you may need to hire web developers to recode the features to match current technology.

Incorporating the Styles

The styles are coded into CSS. This way you can recall the style like call to action (CTA) buttons without having to rebuild the same styles.

Most common styles in CSS are as follows:

  1. Forms - Contact Form, Application Form, Subscription Form, Search Form.
  2. Call to Action Button - Buy Now, Subscribe, Secondary CTA
  3. Header - The top part of the page
  4. Footer - The most bottom part of page
  5. Links - Every link of the website, when hover, active or visited.

 

Building the Page

The web pages are predetermined in the Discovery process. Think of this process as data entry.

The pages are coded and uploaded based on the design in mockup, written content and copywriting.

There three ways to build the page
Using the default editor
Using Page builder
Using Custom code

Whichever way you use, as long as the web page matches the mockup then it’s good.
Browser Compatibility and Mobile Responsiveness
Perform browser test and mobile responsiveness. Here are some browser statistics in 2020 that you may want to prioritize.

Browser Statistics Usage in April 2020

Rank Browser Percentage
1 Google Chrome 48.88%
2 Safari 32.12%
3 Firefox 11.57%
4 Internet Explorer 3.73%

 

Most browser runs on WebKit or Blink as their rendering engine. The display should be about the same.

Mobile vs Desktop Statistics in April 2020.

Desktop Mobile Tablet
45.32% 52.03% 2.65%

 

From an SEO perspective, Google has prioritized mobile-first indexing. This means, if your website is not mobile-friendly, Google would not recommend your website as part of the search result.

Optimize Images

Every image loaded on the website must be optimized based on the screen size.

There are 3 ways to optimize the image

  1. Resize - Based on the screen size
  2. Compression - JPEG and PNG compression
  3. Right Format (illustration use SVG or PNG)

The goal is to balance between aesthetics vs loading speed.

For photos, use JPG. Using PNG and GIF will make it a 50-100% bigger file size. For illustration and screenshots, use PNG. When possible, use SVG format for vectors because it is 10-20% of PNG size.

Code and Database Cleanup

Before you migrate to the production server, it’s best to take time to remove the files, codes, and database tables that are not longer in use.

Remove codes that are no longer in use, especially test scripts that do not work, commented out.

Perform database cleanup by removing orphan tables.

Internal Acceptance Test (IAT)

Internal Acceptance Test is usually performed by the internal team. The team may consist of (but not limited to) web designers, web developers, and project managers.

The IAT is performed before the final test by the owner users.

The scope of IAT covers the following:

  1. Functional testing (as per requirements)
  2. Design Coherence and Consistency
  3. Browser compatibility
  4. Image and Page size

This is done for every single page.

Be sure to test the loading speed using Chrome - Web Developer Mode - Network like below.

web design process - Network Test

User Acceptance Test (UAT)

User Acceptance Test is the most rigorous test in the Web Design Process. This test is usually planned in the Discovery Stage and has to be agreed upon.

The test should cover three major areas

Functional

  • Features works are intended
  • Links work
  • Forms
  • Page Loads
Design

  • Navigation
  • Content Accuracy
  • Content Alignment
  • Font and Colors
  • Mobile Responsiveness
Security

  • Forms are using recaptcha
  • Directories can’t be accessed directly
  • Protected page can’t be accessed
  • Spam protection
  • Firewall

Step4 - Deploy (Going Live)

Once the development is completed (in the web design process), it is time to roll out the new web design.

Hosting*

Hosting will determine the loading speed of your website. Choose your hosting by anticipating the traffic.

You can check for hosting reviews at https://hosting.review/.

Criteria for Hosting

  1. Speed - Check the responsive time (Ping Test)
  2. Reliability - Downtime SLA
  3. Location of Server - Serve content closer to visitors.
  4. Social Proof - What people are saying about the hosting company
  5. Environment - Shared or Dedicated
  6. Operating System - Based on your CMS.

Migrating the Development*

There are many different ways to migrate the Website. I’m going to spare the details and share the known methods.

Migration Method

  1. FTP - Classic way
  2. WordPress Plugin - All in One WP Backup
  3. Uget - Expert level (Linux), server to server transfer
  4. Change of DNS A Record - Easiest.

HTTPS - SSL/TLS*

Install SSL/TLS certificates on the website. This can only be done on the production server.

Without SSL/TLS your website will look like this, and reduce your authority and credibility.

web design process - http-vs-https

Google also prefers websites with HTTPS over HTTP. So if you want to rank well on Google, get HTTPS.

You can purchase SSL/TLS from providers or sign your own free certificate through Let’s Encrypt.

Marketing Tag*

Marketing tags are codes that are given by marketing software. These tags are very useful to track the performance of the website. Here is some marketing software that I normally use.

Marketing Softwares

  1. Google Analytics - Monitor Traffic
  2. Google Search Console - Monitor keyword ranking
  3. Hubspot - Capture email into CRM
  4. Google Ads - For Remarketing & Tracking
  5. Facebook Pixels - For Retargeting in Facebook Ads
  6. Hotjar - Test Design and Behavior of visitors
  7. Google Tag Manager - One tool to manage all (of the above)

Email Send Out

In order to maximize the usage of the server, emails (sent from the website) are processed using 3rd Party Engine. These are commonly referred to as transactional email.

Recommendation

  1. ElasticEmail (no longer free plan)
  2. MailChimp (free plan available)
  3. Amazon SES (cheapest, but very tricky to set up)
  4. Mailgun
  5. PostMark
  6. Moosend

Firewall

You are bound to get DDOS or spam comments from bots. The only way to avoid getting SPAM is to add a firewall. Firewall will filter known bad IP addresses.

For WordPress, I normally use Ninja Firewall. There are other options like WordFence, Cerber and more. It depends on what features you want from the firewall.

You can also set up firewalls at the network level using enterprise-grade like Fortinet, Sophos, Cisco, etc. if you are running your website from your own data center.

Cache

In order for you to serve content quickly, you may need to cache the content. What it does is render the codes as HTML instead of processing PHP files with every request.

Cache can be done in 3 levels: application (your website), server level or network level (CDN - technically not cache).

For WordPress, you can use any of the following Cache solutions.

  1. Swift Performance (paid, recommended)
  2. WP Rocket (paid)
  3. Super Cache (free)
  4. W3 Total Cache (free)
  5. WP Fastest Cache (free)

Anyone of these cache solution works fine (I have personally tested and used it in my projects)

There are compatibility issues especially with Windows Server, so you have to test each plugin separately.

Optimize Load Time

Not all pages require the same JS and CSS files. Examine every page and check the usage.

For example, the main page does not have any form, therefore we should not be loading JS and CSS files related to form because that will be wasteful.

Load scripts that you only need.

For WordPress, you can use the followings:

  1. Asset Cleanup - Paid plugin
  2. Perfmatters - Paid plugin
  3. Dequeue Script using functions.php - very technical

You can check load time using Chrome - Web Developer - Network (like in #Optimize Image) or use Google Pagespeed Insight.

Website Load Test

We do this by creating false traffic to the website to ensure the server does not go down when the traffic spike.

You can use either of these tools

  1. Windows Website Load test - Paessler
  2. or Loader.io

*Be sure to scale max concurrent users based on your expectation. For small sites, 50. Large sites 1,000 above.

Final Acceptance Test (FAT)

We perform FAT for the last activity in the deploy stage before going into the warranty.

FAT is a lot simpler than UAT. You need to check the following.

  1. DNS Propagation Test
  2. Marketing Tag
  3. Loading speed and response time
  4. Basic Firewall Test
  5. Cache
  6. HTTPS Check
  7. Email Send Test (Transactional Email)

FAT is a must for high-end web design project. Without following the proper web design process, the FAT usually end up in disaster.

Step5 - Dedication

‘Dedication’ is the phase that most Website Owners neglect. There are four key activities that have to be in place.
Warranty - Provided by Web Designers

Warranty*

Warranty is usually provided by the Web Designers. This warranty usually covers minor changes, bugs and any issues pertaining to the website.

Warranty can be 30 days - 90 days and usually turns to Maintenance Contract after the warranty period is over.

Check with your web designers on the warranty.

Marketing - Get Traffic

Without marketing or traffic, your website is as good as a fax machine, waiting for transmission that rarely happens.

There are many options to get in more traffic into the website,

Online Offline
Free
  • SEO (partially)
  • Guest Blogging
  • Podcast
  • Video (Youtube)
  • Social Media
  • Email existing customers
  • Word of Mouth
  • Referrals
Paid
  • Billboards
  • Prints (brochure etc)
  • TV & Radio

Traffic Ads are going to get more expensive as new players join the market. What you can do is determine the cost of obtaining customers and use it to spend on advertising.

Maintenance*

Like other assets, the completed website needs to be well maintained. Without proper maintenance, your website will be hacked, break or outdated.

The scope of maintenance varies depending on the size of the website.

Maintenance can be done quarterly, monthly or weekly, depending on the criticality of the website. With every maintenance, there should be a report supporting and explaining what has been done to the website.

Metric - Measure*

The website design process steps are incomplete without measuring the true outcome of the design. With every human design, there are bound to be improvements.

Thankfully web design can be easily measured. Here are the tools that I use.

With all this information, we can map it to Google Data Studio to see an overview of the website without login into each application.

5D Web Design Process: Increase User Engagement and Profit 4

Monitor

The last step in web design process is to monitor the website, visually (front end), and internally (after login, back end) for any possible threat, error and grammatical mistakes.

What good is a website if it's inaccurate?

Note: Those with * are required.

Conclusion of the Web Design Process

A website can be built overnight, but if it does not help you (website owners) achieve your business goals (link to top), then it is a useless marketing tool.

I hope I have covered the steps to design a website, from Discovery to Dedication.

Now you have a clear idea of what it takes to build a website and the amount of effort required in the web design process. They cover so much area from Design, Marketing, and Technical perspectives.

Final thoughts, Good outcome comes from Good Process. Use the best web design process, don't gamble on your first interaction.

Ready to build your new website? Let's talk about Web Design Process (or your project)

30 Website Mistakes That SME & Corporate Makes

website mistakes - hero

Before we dive deeper into website mistakes. Let's try to understand the components of a website.

A website is a combination of 3 major components. Design, Marketing/ Messaging & Technical. I call this the website trifecta (I design and develop websites for the last 13 years, I know a lot about web design and digital marketing.)

The three components must be in perfect harmony in order to build a good website. Look at the overlapped areas.

website mistakes - website trifecta

Your goal is to build a website that serves your business.

Otherwise, the website would be a cost, not an investment useless.

In this post, I am going to share with you the reasons why websites fail to help your business. Let's break down based on the three components.

You can build better websites by using our Free Web Design Strategy.

Technical Website Mistakes

"Speed is the name of the game, while not compromising the safety and functions."

While pursuing speed, you must also take into account the function. If you don't need it, remove it. Here are some technical website mistakes.

#1 No HTTPS

The website is insecure. The connection between your website and a visitor device may be intercepted. Search Engine (like Google) will not reward you on the top of the keyword search (even though you deserved it). Starting from July 2018, Google Chrome (the web browser) starts displaying signs like this. If you run an ecommerce website, you risk of losing 40% of the business.

30 Website Mistakes That SME & Corporate Makes 5

Google announced in Feb '18, Chrome 68 and above will show "not secure" in the address bar.

#2 Not Mobile Responsive

In 2018, 54% of the websites are viewed from devices besides desktop. The number is expected to go up as humans prefer to visit websites on the go. While you can still pinch zoom to see the content, it will ultimately reduce the website experience and eventually leave the website.

30 Website Mistakes That SME & Corporate Makes 6
Source: Google Developer

#3 Loads Slower than 3 Seconds

If your website loads more than 3 seconds, 40% of visitors will abandon the website and 80% of visitors will not return. Here's an infographic from Section.io.

30 Website Mistakes That SME & Corporate Makes 7

#4 Lack of Image Compression

While most visitors use high-speed broadband, there are times they surf in a congested area with limited internet speed on their mobile device. Image compression can reduce the size by almost 90% of the file, making it quicker to download. Let’s face it, nobody likes to wait.

#5 No Browser Caching

Browser caching helps the website to load quickly for the returning visits. This will also reduce the load on the servers to serve the content.

#6 Not Minified Scripts

Minified scripts help the website to load faster. While this may be a fraction faster, this also helps search engines to rank you higher.

#7 Not Working as Designed

Your website should function just like how it is designed. Meaning if you have a contact form, it better work. If you have a search function, it better provides the right results and so forth. Remember, websites are often the first interaction with your prospects, make it a meaningful one.

#8 Cheap Server Hosting

By cheap, I mean a shared server. In a shared server environment, resources like RAM, Processor, Traffic are potentially shared with hundreds of other websites. Thus making your website load slower.

#9 No Security Plugin

Security plugin helps to do two things, block attacks and scan for potential threats. Without a security plugin, your website is open to attacks.

#10 Not Leveraging on CDN

CDN helps to drastically improve the speed of website by serving files that are closer to your location. For example, my server is in Singapore and you are from Ohio. Using CDN, the website will be served from a nearer location like Oklahoma, instead of sending packets from Singapore. Faster website impacts greatly on user experience.

Conclusion for Technical

Faster and functional websites are rewarded with more page views, more attention.

Marketing - Website Mistakes

Marketing is about communicating your values and sharing the benefits of using your product to your target audience. Let's get started with the marketing website mistakes.

#11 Lack of Content

Visitors do not know what the website is about because it lacks description and context. 46% of the visitor leaves the website without further exploration or interaction.

#12 No Lead Generation Mechanism

Capturing leads can be done using premium content, email newsletter, Facebook Pixel or Google Marketing. This would not allow you to remarket your product and services to the visitor.

30 Website Mistakes That SME & Corporate Makes 8

#13 Not Measuring the Website

The website can be measured using Google Analytics. When you don’t measure you miss a thousand chances to make the website better through engaging content, improve placement of button and lead generation. Here are some free and paid tools to track your traffic.

30 Website Mistakes That SME & Corporate Makes 9

#14 No Clear Call to Action

Every website should compel visitors to do something. Even if the purpose is to provide information, the call to action should encourage visitors to remember it and return for updates.

#15 Lack of USP, Story, Concept

Customers have an abundance of options for products and services. What separates you from your competitors? Does the visitor have to dig into the website to find it? Your USP should be upfront. Tell your visitors why they should choose you! If you're not doing this, your competitors are doing it.

#16 Lack of Contact Info

Without clear contact info, prospects struggle to find ways to get your product/services eventually gives up (to contact your company). Show location, general phone line, general email. Anything to help your visitors get to you.

#17 Not Answering Visitors Questions

Your visitors arrive at your website with sets of questions prior to their visit. Here are some questions you can ask yourself.

These questions have to be answered in order to create an engaging website.

#18 No Privacy Policy

20% of Internet users read the privacy policy. Privacy policy shows a plan for the website to protect the visitors, even though they do not understand what it means.

#19 No Return & Warranty Policy

Return & Warranty is important for the eCommerce website. It provides assurance that you will fulfill your promise if any goes wrong.

#20 No Shipping Rates & Option

Shipping details provide a clear understanding of how much it cost and who will fulfill the shipment. 30% of eCommerce is unlikely to make a purchase for an unknowing shipping cost and courier.

#21 Poor Copywriting

Copywriting is the content on your sales page. The common issue is trying to sell to the audience immediately. You start talking about yourself, your business, how good you are etc. In the old days, that may work. Today, there is a mountain of competition. Your message should be about the customer, what problem are you solving, how do you provide value for your services.

Conclusion for Marketing

Again, I would like to reiterate, it's about communication. Your headline should force the visitor to read the sub-headline and so forth. Provide as much information as possible in brevity.

UIUX Design - Website Mistakes

On the contrary to belief, UI (user interface) is not abstract. There are parameters to define "beauty" for websites. These are the balance of elements, color, alignment, proportion and so forth. There are 14 principles in Graphic Design, refer to Wikipedia. Meanwhile, UX (user experience) directs the user to perform the desired action on the website, for example, "download this content".

UIUX website mistakes can easily be seen and fixed, unlike the other two.

#22 Inconsistent Layout

Inconsistent layout, for instance, is a different menu navigation placement on every single page. Visitors and prospects will have to relearn the pages' navigation ultimately making them leave the website because it's too hard to digest.

#23 Using Banner Slides on the Main page

Sliding Banner (Carosell) will induce a “banner blindness”, where the visitors do not want to wait for the website to load all of the images. This will also slow down the website.

#24 Poor Use of White Space

White space is important to reduce clutter, encourage interaction, creates balance and act as separator on the website. Too many elements may induce eye fatigue and visitors leaving the website too early.

30 Website Mistakes That SME & Corporate Makes 10

Remember Yahoo in 1998? I didn't have much choice then, but would you use it today? I know I wouldn't.

#25 Ugly/Irrelevant Image

While relevant images help to support the content, irrelevant images do the opposite, create more questions about the content. Visitors will struggle to find the meaning ultimately leave the website.

30 Website Mistakes That SME & Corporate Makes 11

Image on the left showcase the KL Twin Tower, it has very little relevance to headline as compared to the image on the right.

#26 Hidden Navigation

Making the visitors work to find your content will have an adverse effect on usability. If visitors can’t connect with your message and content, they will leave.

#27 Mixed Typography

Three (3) is the maximum typography (or fonts) before visitors lose interest and get confused with the content. Adding more fonts will also increase the loading speed and create conflicting emphasis on content.

30 Website Mistakes That SME & Corporate Makes 12

What do you feel about this website? Creative or a jungle mess? Do you know where to start reading?

#28 Content is Not Scannable

Websites are meant to be scannable. Does this mean lesser content? No. The content should be structured based on headings, point forms, quotes, bold, italicize and highlighted.

30 Website Mistakes That SME & Corporate Makes 13

According to Backlinko (SEO agency), a website with scannable content has higher readability versus long lengthy paragraphs.

#29 Poor Search function

Your visitors, especially e-commerce wants to find your product/services quickly. The search function helps the visitor to master large and complex websites. Without the search function, your visitor will feel defeat and give up on your website

#30 Using Generic Images/ Stock Photos

Stock photos are good for one thing, mockup. Beyond that, the usage of stock photos should be limited to periodic content or blog posts. Using stock photos hinders the visitor to have a taste of what your company is about. It does very little to gain their trust.30 Website Mistakes That SME & Corporate Makes 14

The image on the right may not be as high quality (lighting, composition, etc) as on the left, but it provides mean to determine the experience with the company.

Conclusion for Design

Design is a matter of taste. People have different opinions about design (aesthetic) however, you can't argue with the technical aspects of design.

Choose the look that evokes the right emotion for your business. Use your Corporate Image (CI) as guidelines. If you don't have any, make one.

UIUX design website mistakes are often overlooked, but it is not as critical as marketing and technical website mistakes.

Biggest Conclusion

Your website needs to be snappy quick, functional and secure. At the same time appeal to the target market and encourage them to take the desired action. The goal is simple, do very little to piss your visitors off.

What does your website say about your company? Best websites start with Strategy. Go ahead, Download our Web Design Strategy and work on it.

Web Design Strategy

Avoid these website mistakes and generate more leads.

8 Web Design Trend, You Need To Be Ready In 2019

Do web visitors care about web design? Yes, they do. See below...

web design trend 2019_studies

Based on the statistics above, 75% of the people judge your business credibility from the website while 38% will stop browsing website if it is unattractive. This shows that keeping up with trending web design is essential in creating the first impression.

In business, first impression is very important apart from your elevator pitch. According to Forbes, it took only 0.05 seconds for a person to form an opinion about your website and business personality that makes you stand out.

Besides, the web currently is an impressive world where we can display information in almost any design we want. Hence, the choices are endless and it all depends on our design creativity. So, the end of the year is getting closer, are you ready for the web design trends of 2019?

8 Web Design Trends 2019 You Don’t Want to Miss 

Forget about the superficial list, this is the 7 ultimate web design trend of 2019.

Trend 1: Move over, flat design. Make way for digital handwork.

8 Web Design Trend, You Need To Be Ready In 2019 15

Awwwards

Illustrations are still in, but it will no longer be the flat design. Illustrations are either more 3D or seem more hand-drawn. Lookout for brush strokes, wriggly lines, digitally colored ‘hand-drawn illustrations’.

Trend 2: Gradients & Dual Tone

8 Web Design Trend, You Need To Be Ready In 2019 16

8 Web Design Trend, You Need To Be Ready In 2019 17

 

Awwwards

Gradients and dual tone can be applied across a myriad of elements. From images, texts, buttons, lines, overlay -they can instantly add modern feeling to the design. However, too much can make the design seem cheap. Do it well and you will end up with some impressive results to an otherwise mundane color. You'll have to play a lot with color scheme. So, use it wisely.

Trend 3: Data Driven Design

This is a trend that is happening and will continue to stick. This method uses data from a website or survey to design a web that will truly be useful for the targeted audience. Designing web based on actual data to create a unique website that caters specifically for the website purpose. It also includes the planning for the user journey design to complete the experience.

Trend 4: Statistics Driven Design

In cases where data is not available, designers can look at statistics to determine the best web experience to offer to the audience. The statistics can be made as a point of reference for certain decisions regarding design and planning based on the website’s unique goal.

Trend 5: Authentic Heroic Images

8 Web Design Trend, You Need To Be Ready In 2019 18

Awwwards

With high competitions nowadays in business nowadays, one of the emerging trends is using authentic images to earn trust. Some may use images of the people behind the business, or real people using the products (or photo shoot into that setting) all depending on your nature of the business. The audience can tell right away if the pictures used are authentic or bought from stock photos library. When the images used are authentic, it is easier to gain trust towards the brand.

Trend 6: Get bored with Static Image? Hit of with Video Backgrounds

8 Web Design Trend, You Need To Be Ready In 2019 19

Nike

When your audience lands on your page and the video streams in the background, it somehow catches their attention. They’re likely to stick around your website to watch the video and this causes them to stay longer on your page leading to a higher conversion rate - better SEO, better rank.

Trend 7: Work-out with Integrated Animations

8 Web Design Trend, You Need To Be Ready In 2019 20

Storytrail

Speaking of effective communication with the audience, more and more website are shifting from static images into animations in order to create engagement (normally in .gif format). This can be applied to work with navigations, scrolling or as the main focus of the website. For example, the graphic can animate when audience hovers on the image or scrolling down the page. This will make them feel excited and triggered to find more exciting things on your website.

Trend 8: Go Fresh with Living Illustration

8 Web Design Trend, You Need To Be Ready In 2019 21Awwwards

Putting real cut-out image with shadows on illustrations will enhance and drives attention to the image on your website. It makes your website looks creative, fresh and bold suitable for business that wants their audience to focus on their products. You can also place a hero-style image by using this concept with full-width of your website. I believe, this trend is going to make a hit in 2019.

Trend 9: Overlapping 

8 Web Design Trend, You Need To Be Ready In 2019 22Awwwards

Having elements off-grid, overlapping each other with shadows will make your element stand out. Overlapping elements shares the same space and likely to float without touching each other giving it the three-dimensional view. The design brings out aesthetic throughout your website while captures audience interest to the specific content.

 

7 Web Design Trends That Already Outdated

web design trend 2019_outdated trendsHave you ever looked at the pictures of the people from the 70s and wonder “How on earth did they find this disco suit so beautiful?” It seems ridiculous. Well, fashion trends are meant to come and go. Same goes to the web designs trend. As your website end up with outdated designs, you need to make way for the latest trend to stand appeal.

Now, let’s have a look at the trends - the old-fashioned trends that need a pull-out.

1. Meaningless Call To Action Slider

Several common mistakes people usually do in the slider section is too much happening and no clear call to action. Sometimes, they slide to fast causes audience miss the message. Millennials don’t watch this anymore.

Keep your message clear and simple. Highlight the problems and wants that match their needs. This is called a value proposition. You might actually get them to click on your button if you successfully tap their main desire.

2. Flat Boring Images

Flat design is a minimalistic design approach that emphasizes usability. Mainly, it focuses on open space, crisp edges, bright colors, and 2D illustrations. It used to be popular around 2012, but now flat design seems to be overloaded. Another problem with flat design is the audience is unable to differentiate which was the button since it is lack of signifiers on clickable elements.

3. Hamburger Menu For Desktop

Well, hamburger icons are still relevant for mobile view due to limited space to display your menu but not for desktop view. Hiding your navigation menu really doesn’t help your audience in finding your website usability. It is best to show what you want them to see on your website.

There are just many other ways for you to be a minimalist, but hamburger is just not the thing.

4. Sidebars and Widgets Overload

Some designers just get a little bit too happy that they’re having a widgets or sidebars party - especially WordPress where they’re a lot of interesting widgets to play with. Remember this, just because the widgets/sidebars are made available, that doesn’t mean you need to use it. It’ll jumble up everything on your pages and distract your audience attention. Just focus on the important elements.

5. The Carousels

While it is still a hot item on a shelf, the data has shown image carousels are bad for conversion. According to research from usability analyst, Craig Tomlin carousels don’t work because most users don’t stay longer than 10 seconds on a page.  They might just miss the valuable information on the 6th slider. Besides, the average Click-Through Rate is below 1% which kills the conversion rate. (Source: Useful Usability )

The worst part is that even if they stay longer, they will be more confused by the multiple messages displayed in the sequence of carousels images.

6. Auto-Play Music

This is a big no! This is not an alter-ego blog that you’ve created when you were teenagers. Besides, not all your audience wearing headphones while browsing. This can irritate your audience when suddenly the music just start out so loud and unwelcome.

7. Unrealistic Stock Photos

We all agree that visual element captures the audience better than text and stock photos seem to be the savior - save cost on hiring a professional photographer. However, the awkward part is that your audience has seen them again and again that causes no differentiation between you and the competitors. Use real photos of your team, buildings, products as it creates trust and authenticity. I’ve mentioned this in Trend 5.

Principles of Web Design Trend To Boost Conversion

Although designs trends form the basis of a website to stand out, to gain ROI and revenues, you need to think beyond the basics to drive audience towards conversion. Now, let’s get a little bit closer at the principles to boost website conversion:

8 Web Design Trend, You Need To Be Ready In 2019 23Of course, it’s hard to satisfy everybody since different people have different taste. But you can follow these key rules.

8 Web Design Trend, You Need To Be Ready In 2019 24Value is giving important information for free, like a blog post, articles, testimonials and the benefits of your products or services. According to Brian Tracy, the audience doesn’t buy products, they buy the results the products will give them. Thus, by highlighting this high-value piece of information, you can command your audience to listen about your products and services.

Sell the value, the price can become less and less important or otherwise they will keep talking about the price.

The rule of thumb is 2-3 seconds. Studies show that audience will start to lose their interest if a site doesn’t load within 3 seconds.

There is so many information in your website that you need to cue the important points for the audience to avoid confusion. Plan the flow and make them naturally follow the information to make a decision that leads to your contact form or call-to-action (CTA).

Now you have all the above, here comes the most critical point of boosting your website conversion - the copywriting. For me, copywriting is all about telling a good story. That’s why the audience wants to read it as long as it doesn’t look like an ad.

Tips! Using the Value Proposition Canvas for your copywriting to define your audience pain, needs and wants easily. The key is to be in total control of the audience’s experience.

Are You Ready to Compete with Web Design Trend 2019?

2019 will be another year when we see rapid changes in online trends. You need to be aware of what is trending to stand out.

Whichever your designs are, there’s no right or wrong. The most important factor in web design is to be something meaningful for your targeted audience and be able to drive them towards your conversion. I hope you enjoy reading this post. If you need a web designer, you know who to ring up.

7 Super Gorgeous Website Design Style 2019

Jika anda perhatikan, majoriti pemilik business sekarang berlumba-lumba bina website untuk tingkatkan sale dan juga branding business mereka. Tanpa website, business anda akan ketinggalan ke belakang.

Competition sekarang menjadi lagi susah, oleh itu, website mestilah harus super power berkesan dan memukau mata customer.

Ini 7 Design yg sesuai untuk bisnes anda terbang ke angkasa.

  1. Flat Design
  2. Off - Grid
  3. Minimalist
  4. Realism
  5. User Centric
  6. Geometric
  7. Handmade

Sesuai untuk project 2019! Ya, yang plan untuk bina website tahun depan juga boleh bermula dari sekarang.

Di sini Kami Dedahkan 7 Website Design Style 2019

7 Website Super Gorgeous_flat design

1. FLAT DESIGN

Seperti namanya, ia kelihatan "Flat" bukan pangsapuri, tapi leper. Ini adalah trend yg paling di sukai oleh rata-rata business owner dan designer kerana nampak lebih mudah.

Page ini telah disiapkan pada September 2017.

2. OFF-GRID

Atau Fluid dimana kedudukannya tidak mengikuti grid dan nampak "lari" dari paksi. Ini bertujuan utk mengetengahkan element2 tertentu.

Sesuai utk buang boring.

Client: Tamura Electronics, Siap Jun 2018

7 Website Super Gorgeous_off grid
7 Website Super Gorgeous_minimalist

3. MINIMALIST

Concept bersahaja, sebenarnya sangat susah utk dibuat kerana banyak element perlu dibuang. Hasilnya, tinggal yg perlu sahaja.

Client: WP Valet, Siap Mar 2018

4. REALISM

Mengetengahkan konsep "Sebenar". Sesuai untuk bisnes bagi menaikkan lagi trust terhadap brand.

Client: Wariscan, Masih di dalam development.

7 Website Super Gorgeous_realism
7 Super Gorgeous Website Design Style 2019 26

5. USER CENTRIC

Focus hanya pada "user". Sangat sesuai untuk website yg sangat complex dan rumit seperti website kerajaan, agensi, company besar etc.

Wajib melalui fasa "discovery" dan workshop intensif bagi mencapai matlamat utama.

Client: SKM, Target date: Nov 2018

6. GEOMETRIC

Menggunakan element geometry supaya nampak lain dari yg lain dan hensem.

Client: HRDF, Target date: Nov 2018

7 Website Super Gorgeous_geometry
7 Website Super Gorgeous_hand made

7. HAND-MADE

Menggunakan element lukisan tangan dan "artist impression", ala, macam architect selalu buat tu. Nampak original dan fresh!

Client: IMBRT, Complete Jan 2018

Jadi, Anda dah kenapasti Website Design Style 2019 yang mana sesuai Dengan Anda?

Semua tadi adalah hasil tangan Team Laman7.  So Macam mana? Dah ready nak buat website?

Klik butang di bawah. Team Laman7 sedia membantu menyelesaikan dilema anda.

Get More LEADS Today!Your website can help reach your target audience while you are asleep. Start sleeping today and leave the boring bits to us​BUILD WEBSITE WITH LAMAN7

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps

B2B Website Design is Easy

Building a B2B website is easy. It really is. You can just use Wix or even save your Words Document as HTML,upload to your server, then you have a website. However, creating a website that is great (especially for B2B), is another story. There are elements and processes that needs to be in place.

The problem today is, most business owner think website is just a waste of money. Fortunately today, 94% of B2B business research online (source). These searches have to land somewhere if not your B2B website (and not your Facebook page). The question you should be asking, how far up are on you on Google Rank and are visitors engaged to your website?

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 27

This is why most B2B websites are either boring or dull.

  1. Because the owner (or person in charge) dictates the design process (it's not just about good looks.
  2. Because they haven't got a clue what the market wants.
  3. They had no clear purpose what the website is about.

Having to establish these facts, we arrived at this juncture. So, let's reevaluate the process of designing a website so you know what needs to be in place to dominate your industry.

Before you a start a website, you need a goal, a purpose. You need to understand who is this for. How can you be more engaging to your audience. What language are you going to use. What images to use to strengthen your propositions. It can summarized into the following points.

  1. Goal of B2B Websites
  2. B2B Target Market
  3. Website Sitemap
  4. B2B Content Copywriting
  5. B2B Images
  6. B2B Website Design Styles

Let's get to it.

1. The Goal of B2B Websites

The goal of any website is either the two. 1, a marketing tool. 2, a functioning tool.

1.1. B2B Website as Marketing Tool.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 28The website can be used to display your awesome portfolios, list of customers, your pitch, your products, your excellent service. Basically a place where you share your information about your B2B business. It's the single "source of truth". So your information has be up to date and comprehensive without giving too much away.

1.2. B2B Website as Functional Tool.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 29This is where a user actually uses your website to help solve their problem. For example, Gmail, Facebook, Google. It solves at least a problem, whether being connect to email, to people or perform searches. If you truly solve a customer's problem, then in their eyes, you are the saviour, a hero, words get around and you'll be remembered. But if the function is weak and there's no differentiator between you and your competitors, then you're just ... you decide yourself.

2. The B2B Website Design Target Market

The second big item you have to look at for B2B website is your target market. If you are still saying that everyone is your target market, then the likelihood of you understanding your business is very thin.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 30Identifying your target helps you to use the right jargon for your copywriting. For example, if we were in a business providing HR consultancy, we'd probably be targeting HR and business owners. Use the term they are familiar with e.g. Aptitude Test, Health Screening, etc. So that you can build rapport easily by establishing that you have something in common with them.

If you haven't got any clue, then you can look at your previous customers. Create a list and identify them as an individual (not as a company). Things like age, education level, graduate in what field, where did you meet them and the list goes on. Here's an example of my target list.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 31

Unfortunately I have to blur out most info, but you get the idea. I made mine in donut chart, I'm a visual person. Visual really helps to explain the data in an instance. Whatever method you use, it's fine.

Now that we've established the Goal and Target Market, we need to start planning for the website. No matter what website you're building, (promotional or functional tool), the concept is the same. Here are the steps we use to start building a website.

1. Create a site map
2. Identify what kind of copywriting for the pages.
3. Identify what kind of images you want to use.

3. B2B Website Sitemap

In the past 20 years of my experience building websites, business owner always want to promote their chairman or top management in the main page. There's nothing wrong with this, except the approach can be better. Based on statistics that we've compiled, the lowest count of visits is the "management" and "about" page. In short, your potential customer want to know 2 things,

1. Can your product/ services help solve my problem and
2. What is the cost of the solution.

And they want it quick!

Only and only when you have provided enough information as above they would look at the about and/or management page. (Unless they are investors, they immidiately want to know who is leading the company.)

I would suggest you build rapport (by answering the two questions above, which makes you relevant) then build trust through "about page" etc.

A sitemap can be as simple as the following. Just as long as you and your team understand what the website is prioritizing.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 32

4. B2B Website Design Content Copywriting

Once you are done with your sitemap, the next item you want to create is content. You know your stuff, you can provide these content easily. However putting it in the perspective of your visitors requires a bit of mastery. This is where copywriting plays an important role to highlight your products & services.

4.1 FAB Theory

There are many theories for Copywriting, but the most basic on is FAB, short for Features, Advantage and Benefits.

Features - These are items they get when they purchase your product.
Advantage - How are you different then your competitors.
Benefits - The outcome of using your product.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 33Let's put this in perspective of Samsung Galaxy Note 8.

Features: 14 Megapixel camera, 5.8 inch phone, Senheiser earphone. These are the items you get when you purchase the phone.
Advantage: Latest camera technology, scratch resistent screen, high quality earphone.
Benefits: Take better photos at night. Screen lasts long even without screen protector. Crispier sound for all day music.

FAB, BAF, BF, FB, whichever method you choose, it's ok. As long as you can distinguish the difference between these 3 (three) sentences. Just so you don't get confused, let's try a B2B perspective, in this example, we'll use RunCloud, a tool to better manage your servers.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 34Features: User login. Server Manager. SSL Encryption.
Advantage: 128 bit Encrypted and high secure login. Unlimited server management. Auto Renew SSL certificate.
Benefits: Impossible to hack login id. No additional cost as you grow your servers (and business). Hassle free renewal of SSL certificate.

In our experience, visitors prefer to read the "benefits" then go down to the "features". Having a good copywriting helps to keep your customer engaged, understand what exactly are you selling and how you can solve their problem.

Another aspect to consider the use of language. If you're in a specific field, you probably want to connect to visitors who are inclined to your business. You can also opt for broad use of language (meaning a kid can understand) but this can be seen as vague and you probably lose interest of your target market. Example of broad use of language is as below.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 35

Anyone can understand what it means, but who was it intended for? Can anyone use Accenture? Nope. They are the best at what they do and they charge a premium for that. But since they have deep marketing budget (they even sponsored Tiger Woods), they want to let as many people know that they solve big business problems.

5. B2B Images/ Graphics

Once you have your copywriting, you can enhance your writing 60,000 times! And this is where most B2B website design fails to be anything but boring.

Fact, human brain processes an image 60,000 times quicker than text.

Do you agree to this fact? If don't then you're probably the rare 1%. Majority of human processes images better than text. This is known fact. So when using an image for your product or services, it better reflects the benefit of using your products. Let's look at the example below by Spotify.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 36

In the example above, the man is happy because he no longer see ads. The emotion is the outcome, which is the benefit. Let's look at a few other examples.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 37

This one of the poor example which doesn't explain anything but cool graphics design. There's a clear mismatch between servers and crane which I failed to relate to another. How is a crane reliable?

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 38

What about this one? What does the cricket team has anything to do with a mobile wifi?

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 39

This is a good example of using the right image. The man is withstanding dust (or particles) with a shield, clearly demonstrating the benefits of using their product.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 40

Another great example is this glove. Demonstrating the outcome of using the product.

In my years of experience building and ogling over great B2B websites design, I concluded the 3 key to better images on website are the following:

  1. How the product is being used or
  2. The emotion (outcome of using the product) or
  3. The end product (in case it's a service) like buildings for architect & contractors, websites for web designers, server farm for IT companies etc.

Hint: Using outcome images with emotion helps you to sell your products & services.

6. B2B Website Design Style

Lastly is the style of your website. Once you have your goal, target market, copywriting, images in place, it's time to figure out the styles of your website.

Styles plays a major role in stiching your website together. Your website design style is meant to convey your message clearly. The analogy for this is to imagine a sports car with a mismatched exterior and interior design, space age exterior but classic wooden trim interior. In website design case, the interior is your content and exterior is your website design style.

How to Make Your B2B Website Design Exciting & Engaging in 6 Simple Steps 41

I've wrote a lengthy explanation of website design style for 2018, so you can just read it here.

Which ever way you go, always remember, DO NOT CHOOSE MORE THAN 2 WEBSITE DESIGN STYLES. If you do, then you will lose your audience focus and the website is going to be really messy.

B2B Website Design Key Takeaway.

  1. The Goal - Know the purpose of your website.
  2. The Target Market - Know who are your target audience.
  3. The Sitemap - Simplify and prioritize your content by products, then why you.
  4. The Copywriting - Features, Advantage, Benefits. Know the difference
  5. The Images - Show the outcome of your products.
  6. The Design Style - Do not combine more that 2 design styles.

I think that's about it. Just remember, B2B website design doesn't have to be boring. It should be engaging professionally and help your business grow.

When you plan on redesigning your website, our team is more than ready to help you with your needs. We are not in business for 10 years because we are good, like you, we are in business because we are continuously learning.

If you have any questions, feel free to drop a question or two in the comment section below or drop us an email via the contact form.

p/s: Next post would be how to make more sales on B2C Websites.

Get More LEADS Today!Your website can help reach your target audience while you are asleep. Start sleeping today and leave the boring bits to us​BUILD WEBSITE WITH LAMAN7

7 Website Design Styles, You Don't Want To Miss for 2018

Website design styles is basically how the overall look and feel of the website.

Often there are times when I was told by my customer to design something "fresh". So I started designing according to my definition "fresh". It turns out I was wrong! What he mean "fresh" was new. I thought "fresh" was something like realism with veggies. Mind you we were building a corporate website platform. So the term "fresh" brings different meaning to other people.

Here are some common terms customers use; "simple", "modern", "cool", "fresh", "new", "fun", "pop", "luxury", "elegance". Which really means differently to other people.

So to eliminate the confusion in website design style, I wrote this post. Of course this list is not sorted in any order.

1. Realism Web Design Style

Most websites would go with realism. In fact, it is encouraged. Realism is basically websites that are using photos as their main focus. Whether it's people, food, render of products or even fashion. This is used mainly to convey transparency of their offerings, "you get what you see". Here are some examples.

7 Website Design Styles, You Don't Want To Miss for 2018 42https://nooflow.com/

7 Website Design Styles, You Don't Want To Miss for 2018 43http://viacph.dk

7 Website Design Styles, You Don't Want To Miss for 2018 44http://hm.com

2. Fonts Web Design Style

Font based website design style is one of my favorite. It's basically using different type of fonts to convey the website as a whole. This is also a combination of accent, two-toned and color gradients. The downside of using fonts website design style is getting it right. You have to know which word to prioritize.

7 Website Design Styles, You Don't Want To Miss for 2018 45https://principles.design/ 7 Website Design Styles, You Don't Want To Miss for 2018 46https://2017.stateofeuropeantech.com/ 7 Website Design Styles, You Don't Want To Miss for 2018 47https://amessagefrom.earth/

3. Flat Design Web Design Style

Flat Design style is not uncommon. It was made popular in 2015. Flat designs are mostly images/ graphics in 2D and can sometimes be layered. Hence the name flat. It's as if the 3D objects are smashed into the screen. The good thing about flat design is that it's everlasting. It's also very easy to design because tonnes of icons are readily available.

7 Website Design Styles, You Don't Want To Miss for 2018 48https://patients.debiopharm.com/

7 Website Design Styles, You Don't Want To Miss for 2018 49http://insuranceexperiments.org.uk/

7 Website Design Styles, You Don't Want To Miss for 2018 50https://runcloud.io/

4. Isometric (new) Web Design Style

From a glance is similar to Flat Design websites, but the term isometric suggest that it's 3D and same dimension throughout. Isometric can be really challenging to build, because lots of graphics design will be involved in the process. Isometric website design style can take some time to build. The good things is, it's very unique and shows your identity.

7 Website Design Styles, You Don't Want To Miss for 2018 51https://www.brightscout.com/

7 Website Design Styles, You Don't Want To Miss for 2018 52http://www.pikmykid.com

5. Freehand Drawing (new) Web Design Style

Ever since technology is getting cheaper and easily accessible, freehand drawing is getting a lot more attention. Tools like Surface Pro and iPad Pro has enabled designers to literally draw on the screen. Years ago, we had to use Wacom Intuos, which was very expensive. Freehand website design style is unique and normally a mix of realism and flat design. The downside of this design, it can get really messy.

7 Website Design Styles, You Don't Want To Miss for 2018 53https://team.redcollar.digital/

7 Website Design Styles, You Don't Want To Miss for 2018 54http://www.bostonbrt.org/

7 Website Design Styles, You Don't Want To Miss for 2018 55http://getonboardbrt.com/

6. Scandinavian or Minimalist Web Design Style

I prefer to call it Scandinavian but it's widely accepted as minimalist. Scandinavian because their design is based on "cut the fat" and focus on cleanliness. While it does look like a very simple website, the process behind it isn't! The first thing we need to do, is gather every element you want in a website, then remove "the fat" bit by bit.

Imagine a car, then remove the bits down to its intended use. You'd probably be left with chassis (or frame). But from an outsider point of view, it's a lazy job, and that's the downside of it.


7 Website Design Styles, You Don't Want To Miss for 2018 56https://www.hampshirelight.net/ 7 Website Design Styles, You Don't Want To Miss for 2018 57
https://norebro.colabr.io/ 7 Website Design Styles, You Don't Want To Miss for 2018 58
https://getobachan.com/

7. Combination Web Design Style

Lastly a combination of style. This can be a total disaster or turnout to be great. The key is knowing when to stop when you've pushed the boundary. The combination of styles are usually no more than 3. Beyond that, you'd notice the website looks like it's being butchered or looked like it was pieced by a lot of people. This website design style probably takes the longest to achieve and it's best done inhouse instead of hiring a web designing team.

7 Website Design Styles, You Don't Want To Miss for 2018 59
http://katsana.com

7 Website Design Styles, You Don't Want To Miss for 2018 60
http://sketchapp.com

7 Website Design Styles, You Don't Want To Miss for 2018 61
https://www.campaignmonitor.com/

Conclusion for Website Design Style for 2018

Whichever way you go, there is neither right or wrong way. The most important factor is not look good, but something of meaning to your target users. With that, I'll leave you a quote:

A Successful website is not for the owner, but for the readers (users).

I hope you've enjoyed reading this post. Looking forward to piece up more post like this. Like always, when you need a web developer, you know who to contact.

Get More LEADS Today!Your website can help reach your target audience while you are asleep. Start sleeping today and leave the boring bits to us​BUILD WEBSITE WITH LAMAN7

Top 10 Website Design Trend for 2017

Top 10 Website Design Trend in 2017

We want to start off by wishing you a Happy New Year (2017) and hope that your business will prosper further.

So right off the bat, why is following the trend important? Well, my investor friends always tell me, the #1 rule of investment is "Trend is Your Friend".

Your website is your investment. No matter what you think of it, it will always the default "go-to" to find information about your products and/or services. A website is never complete. There's always room to change the layout, add new products/services, improve your sales pitch and so forth.

What ever is, your website would need to be redesigned at some point.

top 10 website design trend 2017 banner

So here's our take on the Website Design Trend for 2017.

1. Large Background Image

large background top 10 website design trend 2017

These images are designed to capture your attention in 8 seconds or less. Human brain processes visual graphics x 30,000 faster than text. With the increased in internet speed and better image compression technology, loading large image can be done in milliseconds.

Our prediction, images with emotions will make the push. Kids smiling, river flowing with mountain view or messed up overworking dude, something like that.

2. Straightforward Content & Copywriting

Top 10 Website Design Trend for 2017 62

No one likes to hear a sales man pitching in circles or someone who talks about only themselves. Instead, a clear description what the product can do and how it will benefit you. Cut the BS. Website design should be a clear communication and balance between marketing and graphics, beauty and 'cool stuff'.

We predict that website content will be more honest and direct.

3. Responsive is Mandatory

responsive top 10 website design trend 2017

Yesterday, you can get away with "pinch-zoom" to navigate through your website via mobile phone. But today, most people prefers one-hand operation on the mobile phone. And in 2016, 60% of traffic came from mobile devices (tablet and mobile phone). Google is also penalizing search rank if your website is not optimized for mobile devices.

If you had to ask or pay extra for responsive website design, you better take your cash elsewhere.

4. Flat Design

Top 10 Website Design Trend for 2017 63

Bring back the 80's! The truth is designers love retro art. It's a perfect blend between functional and aesthetics. Flat design is here to stay because it's simple and easy on the eyes.

These kind of websites put much emphasis on the content, not graphics. This is done to focus on selling instead of trying to impress.

We saw a growing pattern of web designers incorporating this method into their design.

5. Element Animation

Element top 10 website design trend 2017

In 2006, when a page loads and starts flying texts, images from left and right, I was amazed! So I tried and crashed my browser :(

Today, our hardware, browser and the codes used are very efficient. Moving an element from left to right, top to bottom is easier if not simpler. We saw how Apple website exploited this, it brought a new level of showmanship. It was a tease. We just had to wait for the iPhone to be reeled in from the side or zoomed in perfectly.

We predict a lot more website design will start animating elements. Just don't over do it.

6. Optimized for Conversion

conversion top 10 website design trend 2017

It's typical for websites to throw everything in main page. All this contribute to one thing, noise. As a result, the visitors lose their focus, go to pages that are irrelevant and abandons your website altogether.

A website should be designed to present information with focus on increasing conversions or engagement. Like a slideshow, one page leads to another and in the end, asks you to buy their product.

Now is the best time to relook at your "Call To Action", reducing link in a page, and how to lead your customer to purchase.

7. Increase in Micro Interaction

micro interaction top 10 website design trend 2017

Micro interaction is a small interaction with websites. By micro, it means click or typing (short sentences). Example of micro interactions are Facebook likes, Tweets on Tweeter, Login in a website, rating products on Amazon, share blog post to social media and so forth. Nothing big like writing a blog post or making a payment.

Having micro interactions improves the usability of the website. It gives life to the website.

Combine all of the micro interactions, a website can be livelier without having to do much of the work (like adding new content).

8. Quicker Loading Speed

speed top 10 website design trend 2017

It takes only 8 seconds for users to decide to stay or leave (a study by Microsoft), so it's better not spent on loading your website. A website should load in 4 seconds or less.

We predict more websites will load quicker than 4 seconds. You can start checking your website score at tools.pingdom.com or gtmetrix.

9. Beautiful Product Photo

photos top 10 website design trend 2017

A study done by Mudah.my, beautiful and clear photo of products sells faster. It's a no brainer really. We buy because it looks good.

Get professional photographer to help with your product photos.

10. Testimonials

testimonials top 10 website design trend 2017

Testimonial is a great way to earn trust. By gaining trust, you can sell your products quicker with less resistance.

If you're new to the market, we suggest you give your products to vloggers/ bloggers/ digital PR to try out and let them review it honestly. Keep the good and filter the bad ones. The good can be used on the website, the bad used to improve your products.

Worthy Mentions

11. Increase in Content Marketing

This post is an example of content marketing. With the right timing to post (between 2016 and 2017), relevance to target market (our target are marketing executives and business owners) and casual writing (so it can easily be understood). It doesn't have to be perfect or viral, just honest.

There are also other format like PDF, cheat sheets, excel template, graphic art etc. You can start exploring which ever suits your needs.

12. Video Marketing in Website

"A picture tells a thousand words". To add that, "a video tells everything". Video, if shot and edited right, would give a better experience on a product. Show them how to use, what it's capable of and what problem will it solve. Remember the "Will it Blend" guy?

13. Mandatory Browser Compatibility

Just like #3, browser compatibility is mandatory. We all have different taste in browser, some are forced to used a certain browser. So, yeah, do it.

The Dying Trend

14. Social Media Marketing is Slowing Down (for some business)

It's very hard to cut through the noise unless you're paying for it. B2C has better chance at social media as compared to B2B. While both requiring trust, B2B has a smaller target market. Best stick to conventional marketing method like search engine marketing, networking, cold email, newspaper, magazine and redirect them to your website (you can build with us).

15. Splash Page

It's 2017, information is not only key, but the speed of delivery is. If you still use splash screen, it's time to get rid of it. It's useless.

16. One Page Fit

A compact is design is good. But with the ever expanding of screen sizes and resolutions, you might want to consider a scrolling option. Besides, why limit the content of your website? In the long run, it will be bad for SEO.

_____________________________________________________________

So that's our take of the Web Design Trend for 2017. We hope you make careful considerations in redesigning (or designing) your website for year 2017. It's an important year, and your website is matters.

Like always, if you need help in designing a website, feel free to shoot us up at the contact page.