Web Design with Artificial Intelligence
Impress Your Audience with a Stunning Website
What you'll learn
- Understand website design methods and the interface of design platforms
- Choose the site name and visual identity
- Create the initial site design on Sendian
- Create the initial site design on HOOCOS
- Prepare products to add to the site
- Add product details on both platforms
- Set the payment and purchase settings
- Set up the domain and hosting and launch the site
About this course
This course teaches website design with artificial intelligence and how to build a site for your products with practical steps on ready design platforms such as Sendian and HOOCOS, without writing code. It starts with an introduction to website design methods and a tour of the design platforms' interface, then choosing the site name and the visual identity. Next you create the initial site design on Sendian, then on HOOCOS, and prepare the products you will add. Then you add product details on HOOCOS across two parts, set the payment and purchase settings, and add product details on Sendian. Finally, you set up the domain and hosting and launch the site. It suits small business owners, sellers, marketers and every beginner who wants a site of their own, and no coding or design experience is needed, since the lessons start from the basics. By the end, you will be able to choose a site name and identity, design its pages, add products, set up payment, then connect the domain and hosting and publish your site online.
Expected outcomes
- Design professional websites using artificial intelligence techniques.
- Increase efficiency and speed in completing web design projects.
- Enhance your technical and creative skills in web design.
- Gain a better understanding of user needs and how to meet them with innovative designs.
- Ability to create exceptional user experiences.
Learner reviews
Course content
1Website Design Using Artificial Intelligence
11 lectures
- Introduction to Website Design MethodsIntroduces designing websites with AI without coding experience, explaining the difference between front end and back end, ways of building websites, and the course project: an online store you can earn from.13:42
- Explaining Design Site InterfaceCompares two AI website builders: Syndian for Arabic sites using templates, and HOOCOS for English sites, which asks a few questions then generates the site, including choosing colors and fonts.13:05
- Defining the Site Name and Visual IdentityDefines what to settle before designing the online store: site and store name, visual identity, the product to sell, and the business model of sourcing products from another site and earning the price difference.18:19
- Creating the Initial Design for the Site on SandyanBuilds the initial Arabic site design on Syndian: replacing the logo, choosing the Cairo font, and editing sections and products on the home page, with no programming knowledge needed.19:19
- Creating the Initial Design for the Site on HOOCOSDesigns the initial English site on HOOCOS: answering the builder's questions, adding a WhatsApp number for contact, picking a color palette, then editing the text and images.17:42
- Preparing Products for Addition to the SitePrepares product data before adding it to the site using a Word table: serial number, description, purchase price, profit margin, and numbered images. It also explains converting hexadecimal color codes.15:52
- Adding Product Details to the Site on HOOCOS (Part One)Adds products to the HOOCOS site: uploading images, entering prices as purchase price plus profit margin, editing titles and fonts, and removing unneeded sections while reordering the page.9:47
- Adding Product Details to the Site on HOOCOS (Part Two)Links the product image and View More button to a separate product details page, covering multiple images, publishing a product instead of leaving it as a draft, and setting the link to open in the same or a new tab.15:25
- Setting Up Payment and Purchase Settings on HOOCOSReviews the product page and store settings on HOOCOS, plus the dashboard showing orders, customers and payments. Sets the product price before and after discount and links the product image and name to its page.14:57
- Adding Product Details to the Site on SandyanContinues building the Arabic store on Syndian: reordering sections, editing product tabs, rounding product frame corners, adding items to the grid and renaming sections, highlighting how detailed Syndian's editing is.18:03
- Setting Up Domain and Hosting and Launching the SiteExplains domain and hosting and what affects their prices, then the steps to launch the site online, using a previously bought domain, previewing on computer, tablet and mobile, and Syndian's lack of a free link.21:20
Instructor
Eng. Mustafa Abul-Fadl
