A Web Design Deep Dive Into A Real Client Project 🚀 Transforming The Vale Church's Online Presence

In this video I am going to dive in to a real web design project for a real client and show you exactly how we transformed The Vale Church's online presence with a new website and content management system. We designed and coded this website and I have packed this video full of value to show you what goes in to a real web design project.

I am going to dive in to my Figma project, and my code base, show you how the custom content management system we built works and why it is so much better than Wordpress and I am going to show you how we handled the advanced contact form when they had over 10 different people that 1 form needed to contact and much more. 🚀

We have a massive portfolio full of world class websites that we designed and coded for a load of different businesses and in future videos and I am going to go even more in depth on some of the projects, show you our full website design process, how we code these websites using Astro and how we build out custom content management systems in Sanity.

Next week I am even going to show you our full process for onboarding real web design clients and how we set up Facebook & Instagram ad campaigns to attract and close so many clients and much more so make sure you subscribe for more ‪@jordanislandwebdesign‬

0:00 - Intro
1:06 - Showcasing the New Website
1:32 - Problems with the Old Site
2:21 - Overview of New Content
3:15 - Search by Person & Facility Functionality
4:40 - The Tech Stack Behind the Site
5:25 - Portable Text to HTML Function
5:56 - HTML Template Strings & VS Code Extension for CMS Content
6:30 - Deep Dive into the CMS
7:55 - Magazine Widget IFrame Integration
8:40 - Design Assets: Pencil Illustrations & More
10:20 - Designing the Search Functionality
10:59 - Implementing SwiperJS Web Component
11:55 - The Tone and Message of the Site
12:19 - Advanced Contact Form: Code Walkthrough
14:51 - Old Historic Images of the Church
15:16 - Changing Header Links via the CMS
16:25 - More Insights on CMS Functionality
17:56 - Donations Pop-Up Creation
18:32 - Site Lighthouse Score Analysis
20:00 - Client Review and Feedback
20:10 - Portfolio Showcase: More Business Websites
20:40 - Celebrating the Successful Launch
21:18 - My Outro and Final Thoughts

Instagram:   / jordanislandwebdesign  
Island Web Design Website: https://islandwebdesign.net/
Full Case Study: https://islandwebdesign.net/case-stud...
Vale Church Website: https://valechurch.gg/

If you want to see all the amazing work we have done for our clients and our massive list of over 35 5 star reviews across Google and Facebook then you can check out our website at our website.

#webdesignagency #webdesign #webdesigntips #casestudy #webdesigntutorial #smma #webdevelopment #webdevelopmenttutorials #webdevelopmentagency #webdesigninspiration