Home » rgb72 » Currently Reading:

>Sansiri 2009 (www.sansiri.com)

March 4, 2009 rgb72 Comments

>




Sansiri.com version 2009 (www.sansiri.com) / Launched 5 March 2009

ถือว่าเป็นความน่ายินดีอย่างยิ่งที่ทาง บริษัท แสนสิิริ หนึ่งในบริษัทอสังหาริมทรัพย์ที่ใหญ่ที่สุดในประเทศ ได้มอบหมายให้ทาง rgb72 พัฒนาเว็บไซต์ใหม่ของบริษัทสำหรับ version ปี 2009 นี้

จากเกือบ 10 โครงการที่เราได้ทำให้กับแสนสิริ ทำให้เรารู้ถึง character ของแสนสิริพอสมควร และทำให้การออกแบบเว็บไซต์ใหญ่ของบริษัทนั้นมีอุปสรรค์ไม่มากนัก

ดังนั้น design จึงออกมาแบบเรียบง่าย แต่ดูดี มี idea เน้นการใช้งานที่ง่าย รวดเร็ว ไม่สับสน สีที่ใช้ก็จะเน้นไปที่สีของบริษัท คือสีน้ำเงินเข้ม ซึ่งจะมีความยากตรงที่ หากใช้ shade สีที่อ่อนลง ก็จะกลายเป็นสีฟ้า สีที่จะไปทับกับสีของบริษัทคู่แข่งได้ นอกจากนี้ยังมีสีขาว และ สีเทาอ่อน

สิ่งใหม่ๆที่เรานำเข้ามาใช้กับเว็บนี้เพื่อเพิ่มความสามารถในการใช้งานให้ง่ายขึ้น นั่นคือการใช้ Lightbox มาเล่นกับ Log-in feature (จากที่ปกติมักจะใช้กับ gallery รูปภาพ) และการแสดงรายละเอียดของข่าว อย่างไรก็ตาม feature นี้สำหรับส่วนของ log-in จะเห็นได้ใน phase 2 ที่จะ update ต่อไปปลายเดือนมีนาคมนี้

การออกแบบเน้นการใช้ลายเส้นบางๆ สีเทา เข้ามาสร้างความสัมพันธ์ การกำหนดขอบเขตพื้นที่ใช้สอย โดยเส้นสีเทานี้ จะเริ่มวิ่งจากตัว logo ของ แสนสิริ ออกมาถึงด้านขวาสุดของ design จากนั้นก็จะวนลงด้านล่าน และวิ่งตามแนวเส้น footer จากนั้นจะวกกลับขึ้นมาทางด้านบนซ้าย และหายไปในด้านบน ดูแล้วเหมือนจะไม่มีอะไร แต่ทางน้องแอน coding เราก็บอกว่าไม่ง่ายนัก แต่ก็เป็น challenge ที่ดี

มาตรฐานที่ซ่อนอยู่ในงานของ rgb72 ยังคงมีหลบให้พอสังเกตได้อยู่เหมือนเคย ยกตัวอย่างเช่น feature PRINT ที่เมื่อคุณกด print แล้ว ตัวเว็บจะทำการคัดเลือกเฉพาะส่วนของ content ที่สำคัญเท่านั้นมา print ทั้งนี้เพราะการ print แบบปกตินั้นจะทำให้ content ตกขอบ หรือไม่ก็ต้อง print แนวนอน ทำให้ยากสำหรับ user การคัดลอกเฉพาะส่วนนี้สำคัญไป print นี้ เป็นกระบวนการที่ทำแบบอัตโนมัติ โดยที่ user ไม่ต้องไปตั้งค่าหรือเลือกอะไรพิเศษเลย แค่สั่ง print เหมือนเดิมเท่านั้น

เว็บนี้เป็น DIV และ AJAX ทั้งหมด เน้น coding และข้อมูล ไม่ใช้ graphic หรือ flash มาก โดยรวมแล้ว ถือว่าเป็นการพัฒนาจากเว็บไซต์เดิมได้อย่างน่าพอใจโดยมีมือ coding อย่างน้องแอน และ เก่งเป็นคน design ออกแบบทั้งหมด และที่ลืมไม่ได้คือทีม rgb72 ที่อยู่เบื้องหลัง ช่วยกันคนละเล็กละน้อย ให้งานนี้สำเร็จไปได้ด้วยดี

Search This Site:



rgb72 on Facebook

คำศัพท์ Internet วันละคำ

Adobe
– บริษัทผู้ผลิตและเจ้าของลิขสิทธิ์โปรแกรมชื่อดังที่ใช้ในงาน graphic มากมาย เช่น Photoshop, Illustrator, InDesign, Dreamweaver, Flash, Premiere, After Effect
เว็บไซต์ http://www.adobe.com
— WEB101 by rgb72

72's Friends

Useful Links

Related Articles: