Wednesday 7 March 2018

Problem solving

I decide to use one of templates provided by Wix.
 I start my work from customising the already prepared template according to my own taste and needs, to make it as much functional as it is possible. I tried to make information contained on my website fully visible and clear for customers, additionaly I would like to encourage the customers to learn and use one of services provided by DevelopYourself and prepare the content in marketing style, also type of information on the landing page is considered as encouragable and should imcrease willingless to purchase services. Every step which I performed base on "drag and drop" basis, I changed the position of the text containers, put eye-catching background, wrote content, etc. On the homepage I took the liberty to include testimonials section which contains customers opinion, this
practice clearly shows to the customers that DevelopYourself is trustworthy service provider.


Google page insight analyze:

1. I test the website using Google page insight tool. I always test website using this tool, but I have never received 404 code, my assumptions are that the 404 code is related to the fact, that wix use Content Management System, to generate websites, I think that's why Google could not fully analyze the website.

However, google provide the score of 93 points out of 100 on Computer testing,
and 65 out of 100 of mobile devices.

The scores amazed me, maybe google set the score of 93 because could not fully analyze the website, I would like to encourage everyone to investigate the problem, and do research on optimization process.

As I said above, the scores are pretty good, judging by my experiences from the past, it takes long hours of hard-work and looking for the solutions for the particular problems, optimisation opportunities and upgrading the loading time.
I marked by stars, the possible upgrades which could be performed to enhance your website speed.

404 error, scores, info.





Mobile scores




About the optimisation opportunity, it is not an easy peasy and it is related with code customisation - obviously we are not able to modify the code on wix,
 but If you code your website, the optimisation process is related with :
-.htaccess file operation, optimising the content from above-the-fold,
-leverage browsing data,
-extend cache time - to improve user experience(loading from already downloaded files instead from the external server)
-code minification, compression.

and enormous amount of different things to perform to get maximum score.

I would like to take the liberty to present score which I get to the one of my projects, that was occupied by the long time of discovering webmasters tricks and tips forums and articles.


Below you can see the scores, and actions performed

loading times tested
https://gtmetrix.com/reports/pawel703pe.wixsite.com/dNZcFSwg

Checkout examination/testing presented below.

/*green content as my coments and instructions*/


1.Add desired product to the cart:








2. Proceed with the quick view by clicking on the button at the bottom on the screen(right)



3.Choose desired payment method. Classic or paypal.
4.Choose testing option.(demo version of payment service, for project purposes only.)


5.Log in to the paypal account, or fill up the form to set up your credit or debit card.


6. Alternative payment method provided by wix. Fill up the form with your details.

Further steps require full payment process. Above presented steps allows the customers to make a payment. Customers are able to go through the clear, intuitive payment process, without doubt or any third party danger.









I would like to explain how to add search bar, navigation bar, pages, moving containers, manage toolbar, create new sections, add extentions, plugins, apps, databases, links, graphics, background,videos, customise text, etc. Finally, adding effects to  improve visual image of the entire website. Also, I will try to explain what my is website functionality strategy and how to perform it, present particular pages and their purpose as part of Problem Solving study.
Above mentioned operations was only steps taken to customise the template.







(*Screenshots how to add particular pages, functions, links etc.)

After that, I noticed that I need "About us" page to let the customers learn how professional services DevelopYourself provide. Learn about the company and their services and how they work - it is the motto of about us page.

(Screenshot of About us page*)


Next page is titled Services
If you hover over this option, you will be able to choose one from services and learn about it.
About the background, the image of mountains could initially looks like lack of coherency or inappropriate choice, but I think that the prospect of going to the vacation instead of doing boring and exhausting work or projects, is encouraging for the potential clients.
(*Screenshot of Services)



 Service cart has been already explained in details here


 Contact us
The purpose of Contact us page is to provide to the customers the possibility to contact with the service provider. Customers are able to contact via contact form which is included in contact us page, and in footer of landing page for convenience of customers.



  More
Options in the nav bar you will be able to choose FAQ or Blog section
Under the links you can discover the blog, and learn about FAQ pages purposes.
Web design Hull Web design services Freelance web designer web design blog IT specialist Why is the mobile version of the website important? What it's SSL certificate and how it benefits website? The most important features for e-commerce store? Why website does not appear in Google results? Content marketing is a wide field in which our imagination is the only limitation What is the guideline when choosing a hosting for the website? What is worth paying attention to when designing your company's website? The value of blogging in the terms of website design. Freelance web designer - Why do you need affordable website? The ultimate guide how to become freelancer in 2020 6 Features of best UX for web design in 2020 How works Google Assistant. OK Google get started 6 website types which hit the trends in 2020. 10 reasons why CMS need to die in 2020. What is ZCash and how does this modern cryptocurrency work? 5 Best ways to make money online in 2020. How you can make money online - find something adequate to skills The comprehensive guide how to become programer in London - 2020.

1 comment:

  1. Good start, ensure that the screenshots are uploaded.
    Did you experience any specific technical problems during the set up of you website / template customisation and how did you solve them?

    ReplyDelete