Logo website creation


HOW WE WORK
webdee-seoservice.com 339/753 M. 12 Pattaya 20150 Thailand Tel. 0846363279 info@webdee-seoservice.com


How we build a website


Web design & construction: the ideas, the techniques, the code, the timing and the results.

Website construction steps
Starting from the name and logo till the full
realization of a fast and perfectly working website


How we work

How we build a website
Standard (static) websites, e-commerce, websites with booking functions and other common websites

We consider our self different than the most. We don't "design", we study and project a website.
We listen to the customer and right after we give him a quotation. So no time for studying and make a project at this stage. But after the customer approve or suggest amend to the quotation we start the studying of the website. After the study that is done "behind closed doors" we start the real executive project and the interaction with customer following various steps.

This infographic is a schematic diagram of our step by step website creation.

Diagram how we work

  1. Contacts
    The customer contact us via email, telephone or any other communications means and we start a correspondence to understand each other, correspondance that is then fulfill with our quotation
  2. Study
    We start a dedicated study. We confront online with other webmasters around the globe with internet: livechat, videochat, email, social working networks… till have enough ideas on how to proceed cohere with latest trend and/or well tested solutions.
    Note: we do talk about the project but we never disclose names and details. All in respect of typical commercial NDA (Non-Disclosure Agreement)
  3. Interactions
    Our project is now submit to the customer for approval including new ideas for a future development and/or corrections
  4. Construction
    We start coding the website, we add some contents like titles and introductions for any page plus some more consistent content for the homepage received from the customer
  5. Deployment
    The website goes online, depending on the case will be live or restricted to the customer and us. We (we include the customer) will technically test functionality, visual resolution, mobile compatibility and speed. Customer will start to add contents.
    Note: we will provide training in the use of CMS or e-commerce platform via remote desktop like Team Viewer or other equivalent systems or we will simply receive contents by email to post in the website.
  6. Updating
    When necessary we will update the system. The customer can constantly (if the case) update his contents. We will provide a monthly back up.
The above procedure is valid, with the due variations, for most websites.
In some specific case like for an high traffic website or other peculiar requests, the customers will be advice according.

Below you can read more technical stuff like website architecture, structure, functional layout, user interface, coding, web design, speed, security.
It can be boring, just skip it, let us deal with the boring gears and proceed directly to buy the website from us! ☺

info@webdee-seoservice.com or contact us


Before starting to develop a website we study how it should be. Here some points we do follow:
  • We think if we already worked on similar websites, how did it work out and how could be improved.
  • How this website and relate keywords should be understand by search engine and how to do the optimization.
  • Will be easy to train who will be in charge for the update?
  • Can that specific site pose a problem about security? Can be protected from hackers?
  • How long time will the realization take?
  • What about future updates and maintenance package?

For functional layout and UI (User Interface) we relate to all the technical aspects of the website when shows up in a browser anywhere: from desktop to small smartphone, on fast internet fiber line to slow SIM internet connections.

There are many points to consider and are all very important. As in a desktop website is relatively easy to create a user friendly interface (that will give the information to the visitor in the blink of an eye) to start interact with him, in the "above the fold" section of a mobile screen is quite a challenge.

The fact is simple: it is impossible to fit everything in it. So, something must be left out. But what? Here a long experience in SEO and website creation steps in, allowing the right choices.

In the following infographics you will understand about the above the fold concept of the home page and its optimization that is the most important part of any website, both in desktop and in mobile browser.

Above the fold desktop

In the above desktop infographic you can see we satisfy 11 points:
  1. Logo
    The logo is very important. People recognize you from the logo first and secondly for the images. And finally from the name.
  2. The URL
    The website name is important not to be recognized but to give visitors a URL to memorize and return back. Google will drive back to your website also visitors that will misspelling your name. How many times did you end up in a website after a search and then you don’t remember the URL?
  3. The language switch
    If you have a multilanguage switch place the language options well visible.
  4. Page name or breadcrumbs menu
    Immediately giving the name of the page to the visitor it is a good and useful practice.
  5. Navigation menu’
    More links of the website are visible better is. It is understandable that placing all links can be virtually impossible in some website. On the other hand, hidden all in a menu’ symbol to click it, it is also too reductive. When a clear list of pages (links) is absent many people will feel disoriented and will not know what to do next.
  6. Hamburger menu’
    The famous symbol present in almost all mobile version of any website to hide the menu’. As above pont number 5 stated it is important to show the real textual links. If the links are more than the shown then must add a “more links" link AND an “hamburger menu" symbol too. Rely only on the menu' symbol is a common mistake.
  7. Page title
    The title or subject of the page
  8. Page description
    A description of the page to let people understand more about the website/page or services/products
  9. Image (or video)
    An image is mandatory to tease and entertain a bit the visitors.
  10. Play button
    If a video is present apply a “play" button instead of automatic playing the video: it can annoying, slow down the smartphone and can lead the visitor to leave the page.
  11. Contacts
    A prominent display of contacts details indicate a quality page. A website where people have to navigate or fill a form as the only way to contact generate a lost of trust.
As it is impossible to include all what we want we sadly did not satisfy more points, even if important. Here what is missing:
  1. Special offers
    A good deal, special offer or promotion of the moment/season is a good marketing practice
  2. Search box
    The search box is very important. A good reason must exist to justify its absence
  3. Photo gallery with animation
    One Picture Worth Ten Thousand Words. This very famous sentence is valid in web as well. In case of animated slide show place buttons to let the user going back to previous images.
  4. Interactive form
    or call to action: a form by the means of which the visitor start to use your services. Some examples: a booking form for an hotel or an airline company or a dentist…, a search box for a real estate agency, a login form for member only services, a drop down menu’ of destinations for a travel agency or a weather website or a fast food delivery website and so on.
  5. Subscribe form
    A field where to insert your email to receive free manual, download drivers or whatever
  6. Get started button
    To let the visitors start a procedure that will lead to membership or start a free trial.

As you can see we decided to omit some functions in favor of others. Beside any decision is debatable, when done with cognition of causes and lots of experience it can gives better results. Here the even more restrictive decision applied to the mobile design:

Above the fold mobile

You can see is missing even the page description and the main image! But the menu' is "strangely" still present.
If we go smaller like on a 3.5 inch screen also the big URL will disappear but will remain in the contacts area.

Above the fold small screen

To gain a little more space we could substitute the name of the page “YOU ARE IN HOME PAGE" with a breadcrumbs navigation menu. Instead of on the top language switch link we could apply a single flag and remove the other links with something like “Click here for the menu’" but we decided in the actual way.
Many factors contributed to these decisions. First of all because of the subject of this website we don’t really have a specific and unique call to action buttons. Then we also have to consider that we are quite less famous than Netflix or Spotify so if we don’t tell to Google what is our page about we will have zero chances to pop up in searches. Indeed various textual links with titles and other information are mandatory instead of an empty page with a unique call to action button.
Completely different will be instead the visualization of a landing page. Maybe linked to a Google Adwords campaign where we will need to optimize a single product/service/option for the visitors.

Conclusions
Depending on the website object, depending on the website scope, depending on the kind of target and other marketing matters an appropriate way of visualize some component will prevail against another one. So the study of the single case is more important than apply SEO or UI tips by the book.
By the way, we only have one language!


Speed, fast loading under any kind of internet connection is a priority for webdsee-seoservice.com
You can read more extensive discussion about the importance of speed in Google article about speed.
Anyway without learn all the details of this topic just think about yourself: you will be surely disappointed if:
  • a website load slow
  • the page does not appear
  • the information that you are looking for will not show up
  • your browser will crash
Nobody like slow websites. A statistic data: 40% of visitors will leave the web page if the loading time is longer than 3 seconds!

We use a fast hosting, hosting-international.com (just type in Google “fast hosting" or "hosting fast" and hosting-international.com we will be in the first page, depending on your location on the planet).
We code the website ALWAYS thinking about the speed impact of anything we will throw in it. So from us you will have a fast website.

Website Structure Architecture

The term structure or architecture in the website construction relates to the virtual position of files and folder in the hosting. Here two infographics to better understand it (sorry for the lack of fantasy in naming the images files):

Website architecture example
The files are positioned
in different folders
Website architecture example
The files are positioned
all together

You can see in the first example all files are in different folders, in the second example the files are all together. The organization or architecture of files/folders are completely irrelevant for the speed, the visualization and for search engine. A sort of distributions of files in different folders can be useful to the programmer for a practical and mental order. So it is more on the practicality of the web designing and the user friendly interface that we focus without spending a minute on theories and legends about architectural of website for SEO purpose. Search engine will look at your website/webpage in the same way of a user: they will see links, text and figures without mind about the folders/files location (beside files outside the domain that also hold a usefulness).
Instead very important is the internal linking from a page to another page and even the linking directly in a specific point of a page (anchor, bookmark). This is very user friendly as will save time to the user when navigating the website.

Another important aspect is the name we will give to the files: we don’t use image_1 (as in the example…) or file.html but we will use something like fast-e-commerce-infographic.jpg or pricing-of-ready-to-use-website.html.

Coding

As from the above explanation about functional layout/user interface you can see we need to be able to customize many items in the web design.
To adhere to our speed requirements we need a light coded website.
And also for security reasons and other arguments we create a website in HTML/PHP with few java scripts only when necessary. That to avoid the modern internet bottleneck that is the exaggerate amount of javascripts present in plugins and useless stuff scattered everywhere in websites. Java is very useful but not to change the color to the text or serving different layout. For these CSS is more than enough.
YES HTML websites can have a Content Management System where the customer can easily add contents and images as he likes, and in an extreme easy way. Here an article about HTML CMS.
For a complex blog instead we use typical CMS like Google Blog (blogger.com), CMS Made Simple or WordPress. For complex hotel booking system we use adequate composite system. For e-commerce we use an open source light platforms easy (for programmers) to customize even for bigger reality. Don’t be scared from the word HTML (or PHP); it is much easier than you can think and anyway is not your duty to learn it, we will build the website for you.
Limit of our coding: cannot easily change the theme once chosen but yes can change colors and fonts easily.

Design

Web design. We don’t really “design” a website, we do “project” instead.
Yes, project is a better word to indicate our job, our way to make a website to work.

Nowadays, must admit, people use several different devices to search and use internet. From small smartphones to tablets and laptops. In most of the cases people will look for information on the run. They will not really pay attention to the design or the look of a website also due to the limited screen room of a portable device. What will prevail are texts, logos, information and images rather than the full picture of the website. So our favorite “look and feel” is a white background with information listed depending on their importance, user friendly interface to quickly find what is important, easy and clear links and a logo.
The logo is very crucial as will let the visitor recognize your website. Much more important of the global design. To serve this purpose the logo must be simple. Simple almost as simple as an icon.
Finally: logo, links, main information and images, this is our way to web design.

We do have some pre made themes or templates to choose between. You can see some in the fast website page.
Some customers also like to point a website and say: “I want it like that”. OK, served! Of course we evaluate all the circumstances, avoid infringing design copyright and also deflect from make an exact copy but with this system it is possible to recreate the feeling of an existing website without spending time in looking for themes and wasting time in impossible theme customization due to the limit of CMS theme. We will provide a nice website in its html customized version.
Also to add a touch of allure refinement we can play with colors harmonies and fonts or colors suggestion from the customers as well. We also have a small article about web design.

Timing

We usually replay very fast to email messages. After an exchange of email with the customer we can prepare the quotation in few hours.
If the customer already know what he wants we can start to work and, for example, a simple website of 7 pages will take one working week (not including contents that will be insert by customer). Two weeks if we have to insert the contents provided by the customer.
If the website need the studying phase just add 4 working days (for an elementary focus on the websiye object).
If it is an e-commerce will be anyway a week (without consider the time for payment gateway/studying phase).

Of course this is a simplistic time table. Any case will be considered differently. "Stopwatch" will start run from receiving funds.

Something that can really help in speeding up the whole website creation process is the cooperation from the customers. We usually ask them to prepare (or to commission to us) and send:

Visual Content
  • Logo
  • Favicon
  • Photography works
  • Some media: video and audio (if any)
  • Few products descriptions
  • General texts
  • Team Bios & Headshots
  • About Page Content
  • Name of the pages and categories with title and intro
  • Social Media Links
  • Previous Blog Posts to Migrate to New Website
And of course
  • Company Contact Information (address, phone, hours, etc)
  • Legal Notice
And for e-commerce
  • At least few categories
  • At least few products descriptions with pictures and prices
  • Delivery timing and method
  • Kind of payment
  • Return policy
  • Terms of services


The safety or security of a website usually receive a marginal consideration. Webdee-seoservice.com instead consider this issue very important.
Is it true that you are not going to open a bank where the IT environment MUST be consider extremely carefully. But a fraudulent access must be avoid anytime.
Many people wrongly believe that in the worst scenario of a website being hacked they will just need to change password and upload the website again using them backup. No, this is a very pleasant scenario!
The worst scenario is when an hacker find a way in your website (in your hosting) and instead of reading your email (for him a waste of time as 99% of your email are probably useless for an hacker) and deleting your files (of which you have a safe backup) he will enter, place his few files and sit quite.
In case the hacker is a competitor of your business he will just read in copy your email without letting you know that a breach occurred. In case is he a professional hacker he will sell is service to criminal organization that will use your website to store and exchange information for them outlaw business, forbidden files and execute forbidden transaction as well as disseminate the web with malware and worms from your innocent website.
In case some of these malware will be detected from Google or Firefox or other application/organizations/antivirus scanner your website will be blacklisted as well as all the email traffic going in and out from your website/domain. But this is still a "not so bad" scenario. The disaster will strike when government security agency, police force and investigation bureau will insert YOU in a suspects list due to the unaware breach! Then a long lasting trouble will begin.

Security recommendation
We try to avoid breach in various way: using CMS that has not a global diffusion, using e-commerce platform also without a global diffusion, avoiding unnecessary plugins, check vulnerability of the system, update the systems.

Unluckily this is not enough. Over 90% of unwanted breaches occur with the use of a correct username and password. They will still your password with various techniques: pishing, keylogger in computers of third parties, sniffing unprotected WiFi or simple carelessness in keeping password personal: sharing it online, on Facebook, to staff, using easy password like birthday, never change the first given password and leaving computer with remote desktop open all time.

We can monitor your website and hosting traffic for brute force access attempts or to detect the presence of worms but the most important behavior is customers to be diligent in the use of his own systems.

You can consult with us about security issues: info@webdee-seoservice.com or read more in this article about how to secure website.