{"id":26106,"date":"2024-08-13T06:07:52","date_gmt":"2024-08-13T06:07:52","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/approach\/"},"modified":"2024-12-09T02:05:08","modified_gmt":"2024-12-09T02:05:08","slug":"approach","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/approach\/","title":{"rendered":"Approach"},"content":{"rendered":"\n<div id=\"\" class=\"VOHeroV2 module_container  pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px] text-primary\">\n    <div class=\" relative overflow-hidden px-4 md:px-8 lg:px-24 2xl:px-36  py-16 pb-8 xl:py-20  \">\n        <div class=\"absolute right-0 top-0\">\n            <img decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/visible-one_68fd8708.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[100px] md:w-[150px] lg:w-[180px] xl:w-[200px]\"\/>\n        <\/div>\n        <div class=\"hidden xl:block absolute right-[180px] top-[160px]\">\n            <img decoding=\"async\" width=\"350\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/line_4aa497fd.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[350px]\"\/>\n        <\/div>\n        <div class=\"w-full\">\n            <div class=\"w-full lg:w-[70%] xl:w-[60%] \">\n                            <div class=\"font-semibold md:w-[80%] lg:w-[90%] mt-2 fs-6xl lg:leading-tight\">\n                    <h1>Let\u2019s Start At The Beginning<\/h1>\n                                        \n                <\/div>\n                <div class=\"my-4 md:my-8 h-2 w-16 bg-themeSecondaryDark\"><\/div>\n                <div class=\"font-light text-secondary fs-lg\">\n                    <div class=\"mt-4 md:mt-8\"><p>We take pride in being open, honest, personable, and transparent in everything we do. Our dedicated team takes great pride in what they do, and what drives us is delivering something that we can all be proud of that makes a difference for our clients and their customers.<\/p>\n<\/div>\n                    <div class=\"mt-4\"><p>Our approach is solely based on lessons learned, things we&#8217;ve done exceptionally well in the past, and others that could have been done better. It&#8217;s how we improve, and it&#8217;s why we have a linear approach because we know what works and what doesn&#8217;t.<\/p>\n<\/div>                <\/div>\n                            <\/div>\n            <button aria-label=\"go to bottom\" class=\"cursor-pointer relative z-10 float-right mt-4 arrow-button\">\n                <img decoding=\"async\" width=\"50\" height=\"66\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/downArrow_bc7cafe1.svg\" alt=\"go to below section\" loading=\"lazy\" class=\"w-[60%] md:w-[70%] xl:w-[80%] 2xl:w-[90%] mx-auto\"\/>\n            <\/button>\n        <\/div>\n    <\/div>\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const heroElement = document.querySelector('.VOHeroV2'); \n\n        function arrowHandler() {\n        if (heroElement) {\n            window.scrollTo(0, heroElement.scrollHeight);\n        }\n        }\n        document.querySelector('.VOHeroV2 .arrow-button').addEventListener('click', arrowHandler);\n    });\n<\/script>\n<div class=\"py-16 mx-6 sm:mx-10 lg:mx-[150px]\" id=\"\">\n    <img decoding=\"async\" width=\"300\" height=\"93\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/approach\/Approach_d0bc5600.svg\" alt=\"\" aria-hidden=\"true\" loading=\"eager\" title=\"\" class=\"w-auto\"\/>\n<\/div>\n<div class=\"px-4 md:px-16 xl:px-32  py-8 md:py-16 2xl:py-24 mx-auto max-w-screen-2xl text-primary \" style=\"background-color: #fff\">    <div class=\"flex flex-col md:flex-row justify-center items-center\">\n        <div class=\"md:w-6\/12  relative md:pl-[50px] \">            <div class=\"text-[100px] md:text-[110px] lg:text-[120px] xl:text-[150px] 2xl:text-[200px]  font-bold opacity-50 md:absolute top-0 md:left-[-45px] md:top-[-20px] lg:left-[-50px] lg:top-[-15px] xl:left-[-80px] xl:top-[-15px] 2xl:left-[-120px] 2xl:top-[-35px] leading-[100px]\">\n                <span>01<\/span>\n            <\/div>\n            <div class=\"fs-4xl w-1\/2 font-semibold \">\n                <h2> Requirement Analysis<\/h2>\n            <\/div>\n            <div class=\"w-20 h-1 bg-themeSecondary my-4\"><\/div>\n            <div class=\"text-secondary lg:mt-8 2xl:w-10\/12 fs-lg\">\n             <p>First, we will schedule a meeting with you on your available time and discuss about your business for us to understand about your website goals and objectives by gathering all the information we need for the entire project.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"hidden md:block md:w-5\/12 mr-[50px]\">\n            <img decoding=\"async\" width=\"479\" height=\"309\" alt=\"24-hour responsive service icon in visible one01\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Analysis_09aa1d62.svg\" loading=\"lazy\" title=\"\" class=\"2xl:w-[90%] mx-auto\">\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"px-4 md:px-16 xl:px-32  py-8 md:py-16 2xl:py-24 mx-auto max-w-screen-2xl text-primary \" style=\"background-color: #FAFAFA\">    <div class=\"flex flex-col md:flex-row justify-center items-center\">\n        <div class=\"md:w-6\/12  relative md:pl-[50px] order-2\">            <div class=\"text-[100px] md:text-[110px] lg:text-[120px] xl:text-[150px] 2xl:text-[200px]  font-bold opacity-50 md:absolute top-0 md:left-[-45px] md:top-[-20px] lg:left-[-50px] lg:top-[-15px] xl:left-[-80px] xl:top-[-15px] 2xl:left-[-120px] 2xl:top-[-35px] leading-[100px]\">\n                <span>02<\/span>\n            <\/div>\n            <div class=\"fs-4xl w-1\/2 font-semibold \">\n                <h2>Communication<\/h2>\n            <\/div>\n            <div class=\"w-20 h-1 bg-themeSecondary my-4\"><\/div>\n            <div class=\"text-secondary lg:mt-8 2xl:w-10\/12 fs-lg\">\n             <p>Using the information we gathered to create a plan for your website. This is the point where a sitemap is developed. We will also discuss and help you to decide what technologies and features should be implemented to your website.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"hidden md:block md:w-5\/12 mr-[50px]\">\n            <img decoding=\"async\" width=\"479\" height=\"309\" alt=\"24-hour responsive service icon in visible one02\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Communication_3cc04679.svg\" loading=\"lazy\" title=\"\" class=\"2xl:w-[90%] mx-auto\">\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"px-4 md:px-16 xl:px-32  py-8 md:py-16 2xl:py-24 mx-auto max-w-screen-2xl text-primary \" style=\"background-color: #fff\">    <div class=\"flex flex-col md:flex-row justify-center items-center\">\n        <div class=\"md:w-6\/12  relative md:pl-[50px] \">            <div class=\"text-[100px] md:text-[110px] lg:text-[120px] xl:text-[150px] 2xl:text-[200px]  font-bold opacity-50 md:absolute top-0 md:left-[-45px] md:top-[-20px] lg:left-[-50px] lg:top-[-15px] xl:left-[-80px] xl:top-[-15px] 2xl:left-[-120px] 2xl:top-[-35px] leading-[100px]\">\n                <span>03<\/span>\n            <\/div>\n            <div class=\"fs-4xl w-1\/2 font-semibold \">\n                <h2>Design<\/h2>\n            <\/div>\n            <div class=\"w-20 h-1 bg-themeSecondary my-4\"><\/div>\n            <div class=\"text-secondary lg:mt-8 2xl:w-10\/12 fs-lg\">\n             <p>Once the blueprint has been defined, the next step is to determine the look and feel of your site. Our creative team will finalize the visual style\u2014including images, fonts, colors, hovers and others then send the design to you for your approval.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"hidden md:block md:w-5\/12 mr-[50px]\">\n            <img decoding=\"async\" width=\"479\" height=\"309\" alt=\"24-hour responsive service icon in visible one03\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Design_a8bb06fa.svg\" loading=\"lazy\" title=\"\" class=\"2xl:w-[90%] mx-auto\">\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"px-4 md:px-16 xl:px-32  py-8 md:py-16 2xl:py-24 mx-auto max-w-screen-2xl text-primary \" style=\"background-color: #FAFAFA\">    <div class=\"flex flex-col md:flex-row justify-center items-center\">\n        <div class=\"md:w-6\/12  relative md:pl-[50px] order-2\">            <div class=\"text-[100px] md:text-[110px] lg:text-[120px] xl:text-[150px] 2xl:text-[200px]  font-bold opacity-50 md:absolute top-0 md:left-[-45px] md:top-[-20px] lg:left-[-50px] lg:top-[-15px] xl:left-[-80px] xl:top-[-15px] 2xl:left-[-120px] 2xl:top-[-35px] leading-[100px]\">\n                <span>04<\/span>\n            <\/div>\n            <div class=\"fs-4xl w-1\/2 font-semibold \">\n                <h2>Development<\/h2>\n            <\/div>\n            <div class=\"w-20 h-1 bg-themeSecondary my-4\"><\/div>\n            <div class=\"text-secondary lg:mt-8 2xl:w-10\/12 fs-lg\">\n             <p>With designs approved, we start to develop new content and refine old content, create graphics elements such as images, videos, slideshows and other media that will appear on the site as well as start to build out the HTML and CSS of the site.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"hidden md:block md:w-5\/12 mr-[50px]\">\n            <img decoding=\"async\" width=\"479\" height=\"309\" alt=\"24-hour responsive service icon in visible one04\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Development_c424294a.svg\" loading=\"lazy\" title=\"\" class=\"2xl:w-[90%] mx-auto\">\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"px-4 md:px-16 xl:px-32  py-8 md:py-16 2xl:py-24 mx-auto max-w-screen-2xl text-primary \" style=\"background-color: #fff\">    <div class=\"flex flex-col md:flex-row justify-center items-center\">\n        <div class=\"md:w-6\/12  relative md:pl-[50px] \">            <div class=\"text-[100px] md:text-[110px] lg:text-[120px] xl:text-[150px] 2xl:text-[200px]  font-bold opacity-50 md:absolute top-0 md:left-[-45px] md:top-[-20px] lg:left-[-50px] lg:top-[-15px] xl:left-[-80px] xl:top-[-15px] 2xl:left-[-120px] 2xl:top-[-35px] leading-[100px]\">\n                <span>05<\/span>\n            <\/div>\n            <div class=\"fs-4xl w-1\/2 font-semibold \">\n                <h2>Site Testing<\/h2>\n            <\/div>\n            <div class=\"w-20 h-1 bg-themeSecondary my-4\"><\/div>\n            <div class=\"text-secondary lg:mt-8 2xl:w-10\/12 fs-lg\">\n             <p>Before the site is launched, we will attend to the final details and test your website. It will be placed on a production server where only anyone with the link can view it. Testing includes complete functionality of forms or other elements, content, and responsive.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"hidden md:block md:w-5\/12 mr-[50px]\">\n            <img decoding=\"async\" width=\"479\" height=\"309\" alt=\"24-hour responsive service icon in visible one05\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Site-Testing_c515a8d2.svg\" loading=\"lazy\" title=\"\" class=\"2xl:w-[90%] mx-auto\">\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"px-4 md:px-16 xl:px-32  py-8 md:py-16 2xl:py-24 mx-auto max-w-screen-2xl text-primary \" style=\"background-color: #FAFAFA\">    <div class=\"flex flex-col md:flex-row justify-center items-center\">\n        <div class=\"md:w-6\/12  relative md:pl-[50px] order-2\">            <div class=\"text-[100px] md:text-[110px] lg:text-[120px] xl:text-[150px] 2xl:text-[200px]  font-bold opacity-50 md:absolute top-0 md:left-[-45px] md:top-[-20px] lg:left-[-50px] lg:top-[-15px] xl:left-[-80px] xl:top-[-15px] 2xl:left-[-120px] 2xl:top-[-35px] leading-[100px]\">\n                <span>06<\/span>\n            <\/div>\n            <div class=\"fs-4xl w-1\/2 font-semibold \">\n                <h2>Launch<\/h2>\n            <\/div>\n            <div class=\"w-20 h-1 bg-themeSecondary my-4\"><\/div>\n            <div class=\"text-secondary lg:mt-8 2xl:w-10\/12 fs-lg\">\n             <p>After had it tested, reviewed and approved by you, we\u2019re ready to launch. Once it is launched, we will ask feedback from you for some immediate changes such as fixing broken links, technical issues and etc.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"hidden md:block md:w-5\/12 mr-[50px]\">\n            <img decoding=\"async\" width=\"479\" height=\"309\" alt=\"24-hour responsive service icon in visible one06\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Launch_a39a11b0.svg\" loading=\"lazy\" title=\"\" class=\"2xl:w-[90%] mx-auto\">\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"px-4 md:px-16 xl:px-32  py-8 md:py-16 2xl:py-24 mx-auto max-w-screen-2xl text-primary \" style=\"background-color: #fff\">    <div class=\"flex flex-col md:flex-row justify-center items-center\">\n        <div class=\"md:w-6\/12  relative md:pl-[50px] \">            <div class=\"text-[100px] md:text-[110px] lg:text-[120px] xl:text-[150px] 2xl:text-[200px]  font-bold opacity-50 md:absolute top-0 md:left-[-45px] md:top-[-20px] lg:left-[-50px] lg:top-[-15px] xl:left-[-80px] xl:top-[-15px] 2xl:left-[-120px] 2xl:top-[-35px] leading-[100px]\">\n                <span>07<\/span>\n            <\/div>\n            <div class=\"fs-4xl w-1\/2 font-semibold \">\n                <h2>Maintenance<\/h2>\n            <\/div>\n            <div class=\"w-20 h-1 bg-themeSecondary my-4\"><\/div>\n            <div class=\"text-secondary lg:mt-8 2xl:w-10\/12 fs-lg\">\n             <p>After the website is live, we will maintain a long-term partnership with you by providing ongoing maintenance to the hosted environment, the website, and the CMS WordPress. Our team are ready to assist you to make your site more successful.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"hidden md:block md:w-5\/12 mr-[50px]\">\n            <img decoding=\"async\" width=\"479\" height=\"309\" alt=\"24-hour responsive service icon in visible one07\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Maintanence_c1544ad8.svg\" loading=\"lazy\" title=\"\" class=\"2xl:w-[90%] mx-auto\">\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26106","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/26106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/comments?post=26106"}],"version-history":[{"count":2,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/26106\/revisions"}],"predecessor-version":[{"id":60758,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/26106\/revisions\/60758"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/media?parent=26106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}