วิธีสร้างเว็บไซด์ง่ายๆ ด้วย Firedrop

จากบทความที่แล้ว “วิธีเสริมกลยุทธ์การตลาดด้วยเครื่องมือปัญญาประดิษฐ์ Artificial Intelligence Tools (ตอนที่ 3 AI สร้างเว็บไซด์)” คุณคงได้รู้จักสาวน้อยซาช่า (Sacha) มาบ้างแล้ว การทำงานของเธอนั้นช่วยให้คุณสามารถสร้างเว็บไซด์ได้ภายในไม่กี่นาที เพียงแค่สั่งให้ Sacha ทำงานตามต้องการเพียงใส่เนื้่อหาแล้วสั่งให้เธอช่วยออกแบบ Landing Page ที่ตรงกับบุคลิกของคุณ นอกจากนี้คุณยังสามารถสั่งให้เธอปรับแต่งแก้ไขสี, แบบตัวอักษร, หรือรูปแบบได้ตามต้องการด้วยค่ะ

Sacha ช่วยคุณออกแบบเว็บไซด์ที่โดดเด่นอย่างไร

ก่อนที่จะเริ่มใช้งานเราอยากเล่าถึงการทำงานของสาวน้อย Sacha ว่าเธอทำงานอย่างไรเพื่อช่วยให้คุณมองเห็นภาพกว้างขึ้นค่ะ

1. ไม่มีแถบเมนู ไม่มีลากและวางให้ยุ่งยาก

Sacha จะออกแบบ Landing Page ให้คุณอัตโนมัติเพียงบอกเธอว่าคุณต้องการอะไรโดยไม่มีการลากและวาง ไม่มีระบบเมนูหรือแถบเครื่องมือที่ทำให้สับสนซึ่งช่วยให้การใช้งานง่ายและสะดวกสบายแม้คุณไม่เคยออกแบบเว็บไซด์ใดๆ มาก่อน

2. ออกแบบได้เหมาะกับบุคลิกของคุณเพียงใส่เนื้อหา

การใช้เทมเพลตแบบเดิมๆ จะบังคับให้คุณปรับเปลี่ยนเนื้อหาเพ่ื่อให้เหมาะกับการออกแบบของคนอื่น แต่

สำหรับ Sacha เธอจะออกแบบตัวเองภายในขอบเขตเนื้อหาของคุณ โดยเน้นเอกลักษณ์เฉพาะในเรื่องรสนิยมของคุณและใช้รูปลักษณ์และความรู้สึกที่ตรงกับตัวอักษรและโทนของโครงการหรือธุรกิจของคุณ เพื่อให้แน่ใจว่าเว็บไซด์ตรงกับตัวตนของแบรนด์ไม่ว่าเนื้อหาจะเป็นอย่างไร

3. สร้างหน้าเว็บได้แม้บนอุปกรณ์มือถือของคุณ

คุณสามารถสร้างหน้าเว็บบนอุปกรณ์มือถือได้ง่ายๆ เพียงคุยกับ Sacha เหมือนการใช้แอปพลิเคชั่นการรับส่งข้อความทั่วไป คุณสามารถเลื่อนหน้าต่างแชทลงเพื่อดูการเปลี่ยนแปลงของคุณ หรือดูหน้าเว็บที่มีการแก้ไขบน Desktop ในระหว่างทำการแก้ไขบนอุปกรณ์มือถือไปพร้อมๆกัน

วิธีสร้างเว็บไซด์ง่ายๆ ด้วย Firedrop

1. เริ่มต้นไปที่ https://firedrop.ai/ แล้วลงทะเบียนโดยคลิ๊ก Get Started

2. ใส่ชื่อเว็บไซด์ที่คุณต้องการ (สำหรับบัญชีฟรีจะมีเครดิต .firedrop.me ต่อท้าย) แต่หากคุณต้องการโดเมนในชื่อของตัวเองโดยไม่มีเครดิตก็สามารถซื้อแพ็คเกจที่เขามีบริการได้ค่ะ

3. ใส่ GOOGLE ANALYTICS TRACKING CODE (โค๊ดการติดตามวิเคราะห์ผลของ Google) หากมี

4. ใส่ TITLE FOR SEARCH ENGINE (ข้อความที่ช่วยให้ค้นหาได้ง่ายด้วยคำหลัก) ไม่เกิน 70 คำ

5. ใส่ DESCRIPTION FOR SEARCH ENGINES (คำอธิบายเพื่อการค้นหาในเซิร์ทเอนจิน) ไม่เกิน 156 คำ

6. SEARCH ENGINE PREVIEW จะแสดงให้เห็นว่าเว็บไซด์คุณจะแสดงอย่างไรใน Google

7. คลิ๊ก SAVE เพื่อเก็บข้อมูล คุณสามารถกลับมาแก้ไขได้ภายหลังโดยคลิ๊กที่เครื่องหมาย “เครื่องมือ” (Setting) ในหน้าแชทกับ Sacha

8. ในหน้าแชทกับ Sacha หากไม่อยากพิมพ์คำสั่ง (ภาษาอังกฤษเท่านั้น) คุณสามารถคลิ๊กตัวเลือกที่เขามีให้ได้ อย่างเช่น

  • Add Section – เพิ่มแถบเนื้อหา
  • Find images – ค้นหารูปภาพ
  • Fonts – แบบตัวอักษร
  • Colour palette – เทมเพลตสี
  • Design personality – ออกแบบบุคลิกภาพ
  • Publish – เผยแพร่
  • Help – ช่วยเหลือ
  • Preview fullscreen – ชมเว็บไซด์แบบเต็มจอ

นอกจากนี้เขายังมีเครื่องหมายเปิด/ปิดการสนทนากับ Sacha, เครื่องมือการติดตั้ง, และคำอธิบายการใช้งานด้านล่าง หากคุณต้องการคุยกับ Sacha ก็เพียงพิมพ์ในแถบข้อความได้เลยค่ะ

9. หากต้องการแก้ไขเนื้อหาหรือเพิ่มเนื้อหาก็เพียงวางเม้าท์ไว้ในหน้าต่างเนื้อหาที่ต้องการแก้ไขแล้วคลิ๊ก Edit จะปรากฏหน้าต่างให้แก้ไขพร้อมตัวเลือก อย่างเช่น

  • Content – คลิ๊กเพื่อแก้ไขเนื้อหา
  • Colours – คลิ๊กเพื่อแก้ไขสี
  • Layout – คลิ๊กเพื่อแก้ไขรูปแบบการแสดง
  • Delete section – คลิ๊กที่ไอคอนรูปถังขยะเพื่อลบ section
  • Move section down – คลิ๊กที่ไอคอนลูกศรชื้ลงเพื่อเลื่อน section ลง
  • Move section up – คลิ๊กที่ไอคอนลูกศรชี้ขึ้นเพื่อเลื่อน section ขึ้น

 

 

เมื่อคุณพอใจแล้วก็สามารถพรีวิวเว็บไซด์ได้โดยคลิ๊กที่ไอคอนโลโก้ Firedrop ในหน้าต่างแชทหรือเครื่องหมายสี่เหลี่ยมท้ายแถบชื่อเว็บไซด์ด้านบนของหน้าต่างเว็บ

ชมวีดีโอการออกแบบของ Sacha ได้เลยค่ะ

ตัวอย่างที่ Sacha ช่วยออกแบบเว็บไซด์ให้เรา

ก่อนปิดหน้านี้

ทดลองเล่นดูนะคะว่าเหมาะกับการใช้งานและความต้องการของคุณหรือไม่ นอกจากคุณจะให้ Sacha หารูปภาพสวยๆ มาประกอบแล้วคุณยังสามารถ Upload ภาพของคุณเองได้ด้วยค่ะ

AI Web Designers ยังมีอีกหลายตัวที่เราได้แนะนำไว้ในบทความก่อนหน้า และตัวต่อไปที่นำวิธีใช้งานมาเล่าให้ฟังก็คือ B12 ที่เป็นเครื่องมืออีกตัวที่น่าสนใจค่ะ

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s