Skip to content

Commit

Permalink
Update web-design-process-explained-12-easy-steps.html
Browse files Browse the repository at this point in the history
  • Loading branch information
stm-2018 committed Dec 17, 2023
1 parent db7339c commit c73c761
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions web-design-process-explained-12-easy-steps.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
"image":
"https://sybiltec.com/images/ux-work-womans-hands-drawing-wireframe-350x183.jpg",
"datePublished": "2023-05-29T16:00:00+01:00",
"dateModified": "2023-05-29T16:00:00+01:00"
"dateModified": "2023-12-17T18:00:00+00:00"
}
</script>
<meta charset="utf-8">
Expand All @@ -36,7 +36,7 @@
<meta property="og:site_name" content="Sybiltec" />
<meta property="og:image" content="https://sybiltec.com/images/ux-work-womans-hands-drawing-wireframe-350x183.jpg" />
<meta property="article:published_time" content="2023-05-29T16:00:00+01:00" />
<meta property="article:modified_time" content="2023-05-29T16:00:00+01:00" />
<meta property="article:modified_time" content="2023-12-17T18:00:00+00:00" />
<meta property="article:tag" content="web design" />
<meta property="article:author" content="Sybil Mayard" />
<meta name="twitter:card" content="summary_large_image" />
Expand Down Expand Up @@ -98,9 +98,9 @@ <h1>The Web Design Process Explained in 12 Easy Steps</h1>
</div>
<div class="main section">
<div class="container-1140">
<p>Date published: 29 May 2023</p>
<p>Date published: 29 May 2023 | Date updated: 17 December 2023</p>

<p>Thank you so much for considering designing a website with me - you've certainly made the right choice! If you're wondering what the web design process is like, I've outlined the steps below to help you understand what is involved.</p>
<p>Thank you so much for considering designing a website with me - you've certainly made the right choice! If you're wondering what the <strong>web design process</strong> is like, I've outlined the steps below to help you understand what is involved.</p>

<h2>1. Initial Consultation</h2>
<p>You've shown interest in my services, so the first step will be for us to discuss your requirements and determine whether I'd be a good fit for your project. This consultation will be in the form of a Zoom call or an in-person meeting, depending on your location. I will ask you questions about yourself, your business, your requirements for the website and what you would like your website to achieve. To maximise our time together, I recommend that you do a little preparation before the meeting so please think about aspects such as website structure/content, branding, your budget, your preferred website builder platform, and additional services you may need (e.g. copywriting, SEO, logo design etc.) You'll also have the opportunity to ask me any relevant questions about my background, skills, services and pricing. After the meeting I'll send a follow-up email to summarise what we discussed along with a quote for the services to be provided.</p>
Expand All @@ -112,7 +112,7 @@ <h2>3. Sitemap</h2>
<p>Based on what we discussed during the initial consultation, I will create a sitemap of the website. This is a diagram that outlines all of the pages and how they are linked together. The sitemap helps us to determine the structure of the website and to identify how the website can provide your visitors with the best experience possible. Click <a href="https://drive.google.com/file/d/1LoEZ5FUMFVi9wgWL2EBNb-f967I2TIM3/view?usp=sharing" target="_blank" rel="noopener noreferrer">here</a> for a sample sitemap. </p>

<h2>4. Homepage Design</h2>
<p>Your homepage is usually the first page that your visitors will see, so I'll begin with creating the homepage design. I will create a design keeping in mind the branding requirements that we discussed during our initial consultation (colours, fonts, logos, look and feel). The design will be produced using the online prototyping tool <a href="https://www.figma.com/" target="_blank" rel="noopener noreferrer">Figma</a>. Once complete, I will send you a link to the design for review. You will be able to view and scroll the design in your browser just like an actual webpage, but as this is a prototype, functionality will be limited i.e. buttons and links won't be clickable. I may also use placeholder images and text - these are temporary, and will be replaced with the actual images and text later during the website build process. Please allow three working days for the homepage design to be created.</p>
<p>Your homepage is usually the first page that your visitors will see, so I'll begin with creating the homepage design. I will create a design keeping in mind the branding requirements that we discussed during our initial consultation (colours, fonts, logos, look and feel). The design will be produced using the online prototyping tool Figma. Once complete, I will send you a link to the design for review. You will be able to view and scroll the design in your browser just like an actual webpage, but as this is a prototype, functionality will be limited i.e. buttons and links won't be clickable. I may also use placeholder images and text - these are temporary, and will be replaced with the actual images and text later during the website build process. Please allow three working days for the homepage design to be created.</p>

<h2>5. 1st Design Review</h2>
<p>Once you have received the link to the homepage design and had time to review it thoroughly, please provide me with your feedback. There is no particular format for this - you can comment directly on the Figma file, or send your comments via email, or if you prefer, we can schedule a meeting and discuss your feedback if that is easier. It's totally up to you!</p>
Expand All @@ -124,7 +124,7 @@ <h2>7. Designs For the Other Pages</h2>
<p>I will design the rest of the pages of your website, following the same process as outlined in steps 4 and 5, above. All pages will be designed in line with the design of the homepage.</p>

<h2>8. Website Build</h2>
<p>It's time to start developing your website! During our initial consultation, you would have indicated whether you have a preference for the platform to be used for building your website. If you do not have a preference, I will choose the platform which is most suited to your requirements (<a href="https://www.wix.com/" target="_blank" rel="noopener noreferrer">Wix</a>, <a href="https://wordpress.org/" target="_blank" rel="noopener noreferrer">WordPress</a> or <a href="https://www.shopify.com/uk" target="_blank" rel="noopener noreferrer">Shopify</a>). The website build process takes around 1-2 weeks to complete.</p>
<p>It's time to start developing your website! During our initial consultation, you would have indicated whether you have a preference for the platform to be used for building your website. If you do not have a preference, I will choose the platform which is most suited to your requirements (Wix, WordPress or Shopify). The website build process takes around 1-2 weeks to complete.</p>

<h2>9. Domain and Email Setup</h2>
<p>If you have already purchased a domain, please grant me access to your domain provider so I can configure the domain and connect it to your website. If you do not have a domain already, then I can work with you to identify the best domain (and email) package for your needs. Once your domain has been connected to your website, it will be live on the internet but I'll ensure that it isn't indexed by search engines, so it won't show up in search engine results pages (SERPs).</p>
Expand All @@ -133,7 +133,7 @@ <h2>10. Testing</h2>
<p>To ensure that your website functions well, I will carry out thorough testing. This stage includes testing of links, buttons, contact forms, newsletter signup forms and any other systems associated with the website (e.g. email marketing platform). I will check every page to ensure that text, images and any other components are displaying correctly on both desktop and mobile devices. Finally, I will proofread all content that is written in English (if you have provided me with any non-English content, I do ask if you can ensure that it has been proofread). </p>

<h2>11. Launch</h2>
<p>Congratulations, your website is now live! A few more tasks need to be done, including submitting your website to <a href="https://search.google.com/search-console/" target="_blank" rel="noopener noreferrer">Google Search Console</a> to track search performance, and setting up <a href="https://analytics.google.com/" target="_blank" rel="noopener noreferrer">Google Analytics</a> to monitor visitor behaviour. You will be provided with access to all of the relevant platforms. </p>
<p>Congratulations, your website is now live! A few more tasks need to be done, including submitting your website to Google Search Console to track search performance, and setting up Google Analytics to monitor visitor behaviour. You will be provided with access to all of the relevant platforms. </p>

<h2>12. Post-Launch</h2>
<p>I'm confident that you will be delighted with your new website, however, if you do have any questions or concerns, please reach out to me as soon as possible and I'll do my best to resolve the issue. If you have indicated that you would like to edit the website yourself, I will arrange a session with you to explain how to make changes to the website. Alternatively, you can choose one of my website maintenance packages if you would prefer for me to handle the website changes. Finally, I will ask you to provide me with a Google Review (I may publish your review on other platforms such as social media or on my website).</p>
Expand Down

0 comments on commit c73c761

Please sign in to comment.