{"id":71451,"date":"2023-02-27T05:57:15","date_gmt":"2023-02-26T22:57:15","guid":{"rendered":"https:\/\/toffeedev.com\/website-framework\/"},"modified":"2025-06-19T14:00:29","modified_gmt":"2025-06-19T07:00:29","slug":"website-framework","status":"publish","type":"page","link":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/","title":{"rendered":"Website Framework"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71451\" class=\"elementor elementor-71451 elementor-27157\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f56a2 e-flex e-con-boxed e-con e-parent\" data-id=\"44f56a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2657f43 e-flex e-con-boxed e-con e-child\" data-id=\"2657f43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cee24b4 elementor-widget elementor-widget-heading\" data-id=\"cee24b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Toffee Website Framework - Apply It to Your Business Website Now!<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54891bc elementor-widget elementor-widget-heading\" data-id=\"54891bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Have an exquisite website <br>and attract your audience.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df5f508 elementor-widget elementor-widget-text-editor\" data-id=\"df5f508\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin: 0;\"><span style=\"font-weight: 400;\">In creating a quality website for your business, our team follows a framework that we will use. Broadly speaking, the process is divided into three phases: Design, Development, and Deployment. For more details, see below:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-237ec36 e-flex e-con-boxed e-con e-parent\" data-id=\"237ec36\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d58f72 elementor-widget elementor-widget-heading\" data-id=\"7d58f72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Work Process<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fb39b0 elementor-widget elementor-widget-text-editor\" data-id=\"2fb39b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin: 0;\"><span style=\"font-weight: 400;\">We offer several different services. However, our working process is nearly the same every time.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef0f963 elementor-widget elementor-widget-image\" data-id=\"ef0f963\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004.png\" class=\"attachment-full size-full wp-image-64762\" alt=\"\" srcset=\"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004.png 1920w, https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004-300x169.png 300w, https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004-1024x576.png 1024w, https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004-768x432.png 768w, https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004-1536x864.png 1536w, https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004-500x281.png 500w, https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004-800x450.png 800w, https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004-1280x720.png 1280w, https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/03\/004-600x338.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22c5a3d e-con-full e-flex e-con e-parent\" data-id=\"22c5a3d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab3096e elementor-widget elementor-widget-text-editor\" data-id=\"ab3096e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"container-fluid resources-parent\">\n\t<div class=\"container\">\n\t\t<div class=\"row stage-title\">\n\t\t\t<div class=\"stage\">\n\t\t\t\t<h3>Stage 1 <br> Design<\/h3>\n\t\t\t<\/div>\n\t\t\t<div class=\"stage-description\">\n\t\t\t\t<p><span style=\"font-weight: 400\">At this stage, the design team will take several crucial steps to create a structured and well-organized system. Some of these stages include brand identification, UI design, and the perfect offer.<\/span><\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"row stage-content\">\n\t\t\t<div class=\"col-md-3\">\n\t\t\t\t<ul class=\"nav stage-nav\" id=\"pills-tab\" role=\"tablist\">\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#01\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  Brand Indetification\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#02\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  Wireframe &amp; UI design\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#03\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  Perfect Offer\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"col-md-9\">\n\t\t\t\t<div class=\"tab-content stage-content-show\" id=\"pills-tabContent\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"01\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">Brand Indetification<\/h3>\n\t\t\t\t\t\t<p><div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-eba7edb\" data-id=\"eba7edb\" data-element_type=\"column\">\n<div class=\"elementor-widget-wrap elementor-element-populated\">\n<div class=\"elementor-element elementor-element-032e6e1 elementor-widget elementor-widget-text-editor\" data-id=\"032e6e1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p>At this stage, the PM and UI\/UX Designer will prepare a set of questions that will help the client gain a broad understanding of the website&#8217;s direction and design. After obtaining this information, the UI\/UX team will conduct a mini research to develop the brief and prepare it to move on to the design phase.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"02\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">Wireframe &amp; UI design<\/h3>\n\t\t\t\t\t\t<p><p><span style=\"font-weight: 400\">After conducting research in the Brand Identification stage, the UI\/UX Designer team will translate ideas and research findings into wireframes (sketches) for internal discussion. Once approved by the PM, the UI Design phase will proceed.<\/span><\/p>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"03\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">Perfect Offer<\/h3>\n\t\t\t\t\t\t<p><p><span style=\"font-weight: 400\">The completed UI Design will be assembled into a prototype to give the closest feel to the actual website. It will include buttons and sections with animations that can be clicked.<\/span><\/p>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t\t\t\t<div class=\"container-fluid resources-parent\">\n\t<div class=\"container\">\n\t\t<div class=\"row stage-title\">\n\t\t\t<div class=\"stage\">\n\t\t\t\t<h3>Stage 2 <br> Development<\/h3>\n\t\t\t<\/div>\n\t\t\t<div class=\"stage-description\">\n\t\t\t\t<p><span style=\"font-weight: 400\">The second stage includes the process of choosing the right platform to build the application or system, breaking down the design into smaller, separate elements, and combining all the parts into a functioning whole.<\/span><\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"row stage-content\">\n\t\t\t<div class=\"col-md-3\">\n\t\t\t\t<ul class=\"nav stage-nav\" id=\"pills-tab\" role=\"tablist\">\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#11\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  Platform\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#12\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  Slicing\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#13\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  Integrate\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"col-md-9\">\n\t\t\t\t<div class=\"tab-content stage-content-show\" id=\"pills-tabContent\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"11\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">Platform<\/h3>\n\t\t\t\t\t\t<p><p><span style=\"font-weight: 400\">At this stage, the design has been approved by the client and is prepared for coding by the development team. The development team will prepare everything needed to create the website beta, including setting up the beta server, installing WordPress on the server, and adding the basic plugins required to build the website.<\/span><\/p>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"12\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">Slicing<\/h3>\n\t\t\t\t\t\t<p><p><span style=\"font-weight: 400\">In this phase, the developer will perform slicing, which involves converting the design, which is in the form of images\/prototypes, into a code structure using HTML and CSS so that it can be accessed via the beta server.<\/span><\/p>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"13\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">Integrate<\/h3>\n\t\t\t\t\t\t<p><p><span style=\"font-weight: 400\">At this stage, the structure and function development are complete, and the team will integrate forms, emails, and other items based on the client&#8217;s needs.<\/span><\/p>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t\t\t\t<div class=\"container-fluid resources-parent\">\n\t<div class=\"container\">\n\t\t<div class=\"row stage-title\">\n\t\t\t<div class=\"stage\">\n\t\t\t\t<h3>Stage 3 <br> Deployment<\/h3>\n\t\t\t<\/div>\n\t\t\t<div class=\"stage-description\">\n\t\t\t\t<p>The final stage is the process of implementing and running the website in the production phase: the website that has been built will be tested by users or relevant parties, then published on the infrastructure and domain that have been prepared, ensuring that the website runs smoothly and is accessible to users.<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"row stage-content\">\n\t\t\t<div class=\"col-md-3\">\n\t\t\t\t<ul class=\"nav stage-nav\" id=\"pills-tab\" role=\"tablist\">\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#21\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  User Acceptance Test\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#22\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  Infrastructure &amp; Website Publishing\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li class=\"nav-item stage-button\">\n\t\t\t\t\t<a data-toggle=\"pill\" href=\"#23\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t  Maintenance\t\t\t\t\t<\/a>\n\t\t\t\t  <\/li>\n\t\t\t\t  \t\t\t\t  \t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"col-md-9\">\n\t\t\t\t<div class=\"tab-content stage-content-show\" id=\"pills-tabContent\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"21\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">User Acceptance Test<\/h3>\n\t\t\t\t\t\t<p><p>At this stage, the beta website will be sent back to the client. However, before that, the internal team will check it against the approved Statement of Work (SoW). The PM team will then seek client approval based on the completed UAT checks.<\/p>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"22\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">Infrastructure &amp; Website Publishing<\/h3>\n\t\t\t\t\t\t<p><p><span style=\"font-weight: 400\">At this stage, the beta website, once approved by the client, will be prepared for migration to the live domain. The PM and Developer teams will collaborate to set up the website&#8217;s hosting environment, including domain purchase and server selection based on the requirements agreed upon in the project&#8217;s initial phase.<\/span><\/p>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"23\" role=\"tabpanel\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<h3 style=\"color:white;text-transform:lettercase;font-weight:500;\">Maintenance<\/h3>\n\t\t\t\t\t\t<p><p><span style=\"font-weight: 400\">At this stage, the website development is complete, and it moves into the maintenance phase as per the original SoW. In this phase, the development team will regularly check the website to ensure that all systems and functions are running smoothly.<\/span><\/p>\n<\/p>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t\t\t\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd0f86c e-flex e-con-boxed e-con e-parent\" data-id=\"dd0f86c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-96d7b02 e-flex e-con-boxed e-con e-child\" data-id=\"96d7b02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69bb644 elementor-widget elementor-widget-heading\" data-id=\"69bb644\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Let\u2019s 10X Your Business With Us!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bba97c4 elementor-widget elementor-widget-html\" data-id=\"bba97c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe src=\"https:\/\/link.infinileads.id\/widget\/booking\/pyif1HftrDZ4MUTHCjuW\" style=\"width: 100%;border:none;overflow: hidden;\" scrolling=\"no\" id=\"pyif1HftrDZ4MUTHCjuW_1750220726603\"><\/iframe><br><script src=\"https:\/\/link.infinileads.id\/js\/form_embed.js\" type=\"text\/javascript\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Toffee Website Framework &#8211; Apply It to Your Business Website Now! Have an exquisite website and attract your audience. In creating a quality website for your business, our team follows a framework that we will use. Broadly speaking, the process is divided into three phases: Design, Development, and Deployment. For more details, see below: Our [&hellip;]<\/p>\n","protected":false},"author":82,"featured_media":65398,"parent":71461,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_wpcom_ai_launchpad_about_page":false,"footnotes":""},"class_list":["post-71451","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Toffee Website Framework | How to Build a Business Website!<\/title>\n<meta name=\"description\" content=\"Step by step to build an attractive &amp; useful website for business. Don&#039;t let your website just &#039;exist&#039;. Contact Us Now\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Toffee Website Framework | How to Build a Business Website!\" \/>\n<meta property=\"og:description\" content=\"Step by step to build an attractive &amp; useful website for business. Don&#039;t let your website just &#039;exist&#039;. Contact Us Now\" \/>\n<meta property=\"og:url\" content=\"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/\" \/>\n<meta property=\"og:site_name\" content=\"ToffeeDev | Amplify Your Online Impact\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/toffeedevID\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-19T07:00:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/06\/Process-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1068\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/06\/Process-scaled.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Toffee Website Framework | How to Build a Business Website!","description":"Step by step to build an attractive & useful website for business. Don't let your website just 'exist'. Contact Us Now","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/","og_locale":"en_US","og_type":"article","og_title":"Toffee Website Framework | How to Build a Business Website!","og_description":"Step by step to build an attractive & useful website for business. Don't let your website just 'exist'. Contact Us Now","og_url":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/","og_site_name":"ToffeeDev | Amplify Your Online Impact","article_publisher":"https:\/\/www.facebook.com\/toffeedevID\/","article_modified_time":"2025-06-19T07:00:29+00:00","og_image":[{"width":2048,"height":1068,"url":"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/06\/Process-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/06\/Process-scaled.jpg","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/","url":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/","name":"Toffee Website Framework | How to Build a Business Website!","isPartOf":{"@id":"https:\/\/toffeedev.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/#primaryimage"},"image":{"@id":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/06\/Process-1-scaled.jpg","datePublished":"2023-02-26T22:57:15+00:00","dateModified":"2025-06-19T07:00:29+00:00","description":"Step by step to build an attractive & useful website for business. Don't let your website just 'exist'. Contact Us Now","breadcrumb":{"@id":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/#primaryimage","url":"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/06\/Process-1-scaled.jpg","contentUrl":"https:\/\/toffeedev.com\/wp-content\/uploads\/2023\/06\/Process-1-scaled.jpg","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/toffeedev.com\/en\/resources\/process\/website-framework\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/toffeedev.com\/en\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/toffeedev.com\/en\/resources\/"},{"@type":"ListItem","position":3,"name":"Process","item":"https:\/\/toffeedev.com\/en\/resources\/process\/"},{"@type":"ListItem","position":4,"name":"Website Framework"}]},{"@type":"WebSite","@id":"https:\/\/toffeedev.com\/en\/#website","url":"https:\/\/toffeedev.com\/en\/","name":"ToffeeDev","description":"Amplify Your Online Impact","publisher":{"@id":"https:\/\/toffeedev.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/toffeedev.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/toffeedev.com\/en\/#organization","name":"ToffeeDev","alternateName":"ToffeeDev","url":"https:\/\/toffeedev.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/toffeedev.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/toffeedev.com\/wp-content\/uploads\/2024\/01\/logogram-new-toffeedev.png","contentUrl":"https:\/\/toffeedev.com\/wp-content\/uploads\/2024\/01\/logogram-new-toffeedev.png","width":1080,"height":1080,"caption":"ToffeeDev"},"image":{"@id":"https:\/\/toffeedev.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/toffeedevID\/","https:\/\/www.youtube.com\/c\/Toffeedev","https:\/\/id.linkedin.com\/company\/toffeedev"]}]}},"jetpack_shortlink":"https:\/\/wp.me\/PhgsBt-iAr","_links":{"self":[{"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/pages\/71451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/users\/82"}],"replies":[{"embeddable":true,"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/comments?post=71451"}],"version-history":[{"count":11,"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/pages\/71451\/revisions"}],"predecessor-version":[{"id":78085,"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/pages\/71451\/revisions\/78085"}],"up":[{"embeddable":true,"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/pages\/71461"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/media\/65398"}],"wp:attachment":[{"href":"https:\/\/toffeedev.com\/en\/wp-json\/wp\/v2\/media?parent=71451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}