Sam Yarn Logo

SAM YARN CO., LTD.

สามย่าน บริษัทดิจิทัล เอเจนซี ที่สร้างงานอันเชื่อมร้อยผู้คนเข้าหากัน
ทั้งในโลกออนไลน์, เว็บ, หรือผ่านแอพพลิเคชันในโทรศัพท์มือถือแพลตฟอร์มต่างๆ

  • @naiohm

รู้จักสามย่าน

เมื่อครั้งที่เราตั้ง บริษัทหัวลำโพง ขึ้นมา 3 ปีก่อน เรามักจะพูดกันเล่นๆ ว่า ต่อไปถ้าจะส่งงานต่อ ส่งให้บริษัทชื่อสามย่านก็น่าจะดี เป็นสถานีต่อไป

จนกระทั่งมีลูกค้าอยากได้ทีม Digital Agency จริงจัง ทำให้เราแยกทีมครีเอทีฟและดีไซน์ออกจากบริษัทหัวลำโพง และเสาะหายอดฝีมือ ทั้งคนรู้จัก คนไม่รู้จัก หลายคนได้ยินชื่อกันมานาน ก็เชื้อเชิญให้มาร่วมทีมกัน

"สามย่าน" โดยสถานที่นั้นหมายถึง การมาพบกันของทางเท้า ทางเกวียน และ ทางเรือ ซึ่งก็คือ Community หรือ Hub นั่นเอง

ส่วนความหมายโดยนัย มันลงตัวที่เราทำงานกับดิจิทัลและกราฟิก ซึ่งแสดงผลในรูปแบบ RGB ที่มีย่านความถี่แสงอยู่ 3 ย่านความถี่ ซึ่งหมายความว่า
งานดิจิทัล ก็คืองานสามย่าน นั่นเอง

งานของสามย่าน จึงหมายถึงงานดิจิทัล ที่เชื่อมร้อยผู้คนเข้าหากัน ทั้งใน
โลกออนไลน์, เว็บ, หรือผ่านแอพพลิเคชันในโทรศัพท์มือถือทุกแพลตฟอร์ม

บริการ

สามย่านมีทีมที่มีความสามารถหลากหลาย ทั้งการสร้างเว็บไซต์ที่รองรับทั้งบนมือถือ / iPad, แอพพลิเคชันบนเว็บ / Facebook / อุปกรณ์เคลื่อนที่ต่างๆ, ส่วนติดต่อผู้ใช้ การดูแลเนื้อหา รวมถึงแคมเปญต่างๆ บนโลกออนไลน์

วิเคราะห์และออกแบบ

เราเริ่มกระบวนการออกแบบจากการวิเคราะห์ ทั้งจากสถิติจริง จากความต้องการที่ยังไม่ชัดเจน รวมถึงความเป็นไปได้ในเชิงธุรกิจ แล้วจึงออกแบบโครงสร้างเว็บไซต์/แอพพลิเคชัน ในรูปแบบของ Wireframe, User Interface, Prototype โดยคำนึงถึงกระบวนการทำงานที่สะดวก ใช้ง่าย (Usability) และประสบการณ์การใช้งานที่ดี มีความรื่นรมย์ในการใช้งาน (User Experience)

พัฒนาระบบ

งานออกแบบที่ดี ต้องมีระบบที่ดีรองรับอยู่เบื้องหลังเสมอ สิ่งที่สามย่านเตรียมไว้คือ โมดูลต่างๆ ที่พร้อมใช้งาน ทั้งระบบจัดการข้อมูล (CMS), ระบบแคตาล็อกสินค้า, ระบบร้านค้าออนไลน์ (E-Commerce) หรือในส่วนระบบที่ติดต่อกับเครือข่ายสังคมต่างๆ เช่น Facebook / Twitter Application, Facebook Game รวมไปถือแอพพลิเคชันบนมือถือและแท็บเล็ต

สร้างชื่อ สร้างเครือข่าย

เมื่อสร้างงานเสร็จแล้ว สิ่งสำคัญต่อไปคือการทำให้เป็นที่รู้จัก สามย่านเตรียมกระบวนการต่างๆ มากมาย เช่น การทำให้ติดอันดับใน Google และเว็บค้นหาอื่นๆ (Search Engine Optimization: SEO) การลงโฆษณาในเว็บค้นหาต่างๆ (Search Engine Marketing: SEM) หรือการทำการตลาดผ่านเครือข่ายสังคม เช่น Facebook (Social Network Marketing) ซึ่งเป็นไปได้ทั้งการลงโฆษณา, การจัดแคมเปญร่วมสนุก, การสร้างเกมหรือแอพพลิเคชันที่ตอบโจทย์งาน และกลุ่มเป้าหมายนั้นๆ

บันทึก

17-5-2555 16-12-15

ชอบจิบกาแฟและอ่านข่าวใช่ไหม งั้นอ่านมันบนแก้วกาแฟเลยสิ

ในโลกที่ทุกวันนี้แทบทุกคนมีสมาร์ตโฟนหรือแท็บเล็ตไว้อ่านสิ่งที่น่าสนใจได้ผ่านโลกดิจิทัลกันเกือบทุกคนแล้ว สื่อสิ่งพิมพ์ทั้งหลายก็ได้รับความสนใจน้อยลงขึ้นในทุกขณะ ดังจะเห็นได้ว่าหลายๆ สิ่งพิมพ์เริ่มผันตัวเองมาอยู่ในรูปของสื่อดิจิทัล ไม่ว่าจะเป็น iPad Application หรือเป็นคอนเทนต์ในเว็บไซต์ก็ว่ากันไป และพยายามทำทุกวิถีทางได้ให้ครองพื้นที่ออนไลน์กันให้ได้มากที่สุด ด้วยเหตุผลข้างต้นจึงทำให้เกิดแคมเปญ The Headline News Cup Sleeve ที่ทำมาเพื่อให้หนังสือพิมพ์ Gulf มีผู้อ่านมากขึ้น โดยทางทีมคิดแคมเปญเล็งเห็นว่า คนเราชอบกินกาแฟและมักจะเสพข่าวกันได้ในสภากาแฟอยู่เสมอๆ แทนที่จะโปรโมตหนังสือพิมพ์ Gulf ด้วยวิธีเดิมๆ คือไปลงโฆษณา ทางทีมคิดแคมเปญกลับเลือกใช้วิธี “แปะข่าวไปกับปลอกหุ้มแก้วกาแฟ” แทน โดยใช้พรินเตอร์ พิมพ์ทวีตข่าวต้นชั่วโมงของ Gulf News ลงบนปลอกหุ้มแก้วกาแฟ และเมื่อมีคนซื้อกาแฟที่มีปลอกหุ้มแก้วที่แสดงข่าวสำคัญในชั่วโมงนั้นๆ และถ้าสนใจอยากอ่านรายละเอียดของข่าว ก็สามารถใช้มือถือถ่าย QR Code ที่แปะมาด้วยได้ง่ายๆ ด้วยวิธีนี้ ทำให้มีข่าวมากกว่า 1,440 ข่าวจากทวิตเตอร์บนแก้วกาแฟมากกว่า 840,000 แก้ว ทำให้ยอดคนเข้าเว็บไซต์ Gulf News เพิ่มขึ้นจากเดิม 41% และมียอดผู้ติดตามหนังสือพิมพ์เพิ่มขึ้น 2.8% ซึ่งเป็นแคมเปญที่ประสบความสำเร็จพอควรเลยทีเดียวจนมีแผนที่จะเพิ่มร้านกาแฟแบบนี้อีก 14 ร้านในอนาคต ก็ถือว่าเป็นแคมเปญกรณีศึกษาที่สร้างสรรค์มากๆ…

IMG_0073

ไอเดียของ UI จากแอพ Pinterest

สืบเนื่องจากทวีตนี้ของพี่เม่น โอ้เพิ่งเห็นว่า app pinterest ใช้วิธีซ่อนเมนูด้านล่างเมื่อเราต้องการดูข้อมูลต่อ แล้วเอาโชว์ใหม่ตอนที่เราอยากจะหามัน cc @buumoon @chaiyosart — iMenn (@iMenn) February 10, 2012   ก็เลยลองโหลดแอป Pinterest มาเล่นดู แล้วก็พบว่าเป็นแบบนั้นจริงๆ ด้วย (;꒪ö꒪) ก็คือถ้าเราเลื่อนลงเพื่อจะไปดูรูปของคนที่เรา follow เอาไว้ เมนูบาร์ทั้งด้านบนและด้านล่างก็จะหายไปทันทีแบบนี้ แต่ถ้าเราเลื่อนขึ้นข้างบน เมนูต่างๆ ที่หายไปก็จะโผล่มาทันทีราวกับเสก! ในขณะเดียวกัน แอปถ่ายรูปอย่าง Instagram หน้า Feed ก็ใช้วิธีนี้เช่นกัน ถ้าเราไม่เลื่อนอะไรเลย ก็จะเป็นหน้าจอแบบนี้ แต่ถ้าเลื่อนลงเพื่อดูรูปปุ๊บ เมนูฟ้าๆ ด้านบนก็จะหายไป สังเกตว่าถ้าเราเลื่อนดูรูปของคนไหน แถบสีขาวๆ บนรูปก็จะแสดงชื่อของคนๆ นั้นได้ถูกต้องด้วย ก็ถือว่าเป็นการออกแบบแอปบนมือถือให้สอดคล้องกับความสะดวกของผู้ใช้งาน เวลาเลื่อนดูเนื้อหาก็จะได้มีเนื้อที่เพิ่มขึ้นในการดู Feed แถมถ้าจะหาเมนูสารพันก็แค่ไถหน้าจอขึ้นเมนูก็มาแล้ว แหม ช่างสะดวกสบายจริงๆ นะฮับ (๑´▿｀๑)♫•*¨*•.

html5

บันทึก: ไปฟัง @iannnnn บรรยายเรื่อง HTML5-CSS3

พอดีวันพฤหัส 12 มกราคมที่ผ่านมา ได้มีโอกาสติดสอยห้อยตามพี่แอน (@iannnnn) ไปฟังพี่แกบรรยายเรื่อง HTML5-CSS3 ที่ ม.เกษตร มาล่ะฮับ (ภาพจากคุณ @mamuang ฮิ) ซึ่งงานบรรยายของพี่แอนก็ให้ความรู้เกี่ยวกับ HTML5 และ CSS3 ในแง่ของการทำความรู้จักกับมันว่าเป็นอย่างไร จะเหมือน HTML และ CSS ที่เราใช้กันอยู่ทุกวันนี้ไหม? ก็จะขอเขียนบันทึกไว้จากที่ฟังพี่แอนบรรยายมาฮับ (แต่คงเล่าได้ไม่สนุกเท่าที่พี่แอนพูดนะ 555) HTML5+CSS3 HTML5 เรียกได้ว่าเป็นการรวมตัวกันระหว่าง HTML+CSS+JS เนื่องจากเทรนด์ของการทำเว็บในยุคนี้และ พ.ศ. หน้า นอกจากจะต้องสวยงามตามครรลองเมื่อแสดงผลในจอคอมพิวเตอร์และโน้ตบุ๊กขนาดต่างๆ แล้ว จะต้องรองรับการแสดงผลที่สวยงามบนทุก platform ที่จะเกิดขึ้นได้ในอนาคตที่ไม่จำเป็นจะต้องเป็นอุปกรณ์หน้าจอสี่เหลี่ยมก็ยังได้ แต่ถ้าจะยกตัวอย่างที่เข้าใจง่ายก็คือเวลาเปิดเว็บบน iPad, Galaxy Tab บลาๆ จะต้องแสดงผลได้ถูกต้องตามมาตรฐาน แต่เนื่องจากเทคนิคในการออกแบบเว็บไซต์เพื่อให้มีลูกเล่นหรูหราเฟี้ยวฟ้าวนั้น หลายๆ คนก็ยังนิยมใช้แฟลชในการออกแบบเว็บอยู่ ซึ่งแน่นอน…มาเปิดบน iPad ก็แสดงผลไม่ได้ (เพราะศาสดาไม่ชอบแฟลช โฮก) เพราะงั้น คำตอบของการออกแบบเว็บให้เปิดได้สวยงามทุก platform…

ดูบันทึกทั้งหมด

ติดต่อสามย่าน

+SamYarn