This document appears to be a biography and portfolio of Chiaki Hayashi, the director of loftwork, a creative agency. It provides information about Chiaki Hayashi's background and experience creating websites, mobile apps, and other digital projects for over 13,000 clients. It also discusses trends in the digital world and how loftwork helps clients navigate new technologies.

1. Chiaki Hayashi

2. About
loftwork & myself
Chiaki Hayashi

3. loftwork.jp
CMS, WEB,
Mobile, Print
Big Project
Chiaki Hayashi

4. loftwork.com
13,000
Chiaki Hayashi

5. loftwork Directors
Creators
Clients
Chiaki Hayashi

6. Chiaki Hayashi
Chiaki Hayashi

7. Chiaki Hayashi
Chiaki Hayashi

8. noosphere &
Web Direction
Chiaki Hayashi

9. What is noosphere?
Chiaki Hayashi

10. 239,611,111 Websites
“July 2009 Web Server Survey” by netcraft

11. Chiaki Hayashi

12. Chiaki Hayashi
11

13. Chiaki Hayashi
11

14. Chiaki Hayashi
11

15. Chiaki Hayashi

16. Chiaki Hayashi

17. Chiaki Hayashi

18. Chiaki Hayashi

19. Question:
Chiaki Hayashi

20. Answer:
Chiaki Hayashi

21. !"#$!#"%&'!()!*++,-+,-.*!.*/+,!01!
3. 23456789:
;-.< =>!
! !"#$%&'()*+,-.,/&01234567)89:;<=>?@<?A(BA+
,-.,/&CD"E*FG)HI?J6KALMNOPQRSTUOV<MWAXY#Z[
]^_O`a)bW7c<defghide&j2kl;<&*mnSA3o&pe8q)
rVO*stuvwxyS@<z{&MWA+,-.,/)4<defg|}2~•#)€•
;^‚)A{c2ƒ„;<…†‡ˆ‡‰Š‹Œ/•‡ŽŠ••ˆ-‘’“A…”•–—^V˜™—
2š›;<œ^SAde&j2kl_MLLdefgh2•ž6ŸALM ¡01&¢£2¤
¥;<œ^)45A¦§¨©&j2ªWA«¬#pe&'(2-˜z!
! +,-.,/®¯°? ± ²"E&MWA³´µ¶?·u<^¸D#)¹º-»,ufg2¼½
uVœ^?¾Vz!
! •½*¿ÀÁÂÃ&ÄÅ#udeSÆA+,-.,/Ç&³´^V˜ÈÉÊSpeË?ÌÍ)
uUOr5AÎÏÐSÑÒuÓ|?fÔ_OV<z!
! ÕÖ&deSÆAµ¶°Šµ¶ÀÁ)45³´×ØiÙÚ?ÙÛSÜPÝ?ÞVMWA®¯°
?ÙÚ)ßVàºáâŽ)•;ãAäå&àºáâŽ)æ˜4˜)de2çè_Oã7fg;
<œ^?¾KAÓ|&éêiëêì•?¾KfÔ_OV<z!
! ¿ÀÁ&•í.,/SÆAî+,-.,/ïðàñŽ»ò)@<óæ*AïðàñŽ»&C
Dôõ?ö^÷&MWA{&.,/)ø0?@<Mù)áúûì,ü&µ¶?@5Aéê^u
UOV<z!
! ýZ[þÿ,û&!"&+,-.,/)rVO*AÓ#°&•$ÿà%ÿ&&V)4<ñ'»
ˆð)(?@5Ade2)_*7VÆ&?@<z!
!
!
!
;-*< 234567?@A!
! ”•– š›)4<defg9&•ž!!
! Š+,udefg)45 -.•– &8q2/7_WA01‡ü2&•ž!!
! ŠZ[#3i45‚6u7A89°?/5MVde2:;)<=<!!
! >éZ[°??@)St<4˜uA45!"#uòA&de³´B&•ž!!
! Š”•– š›A(óÇ&CD)45EFfGu7de³´B&•ž!!
! ŠïHº‡IJ,HK»ˆð&•ž)45Ade)<L_i;K;<!!
! ŠMN9&•ž)45Ade2)_i;K;<!!
! ŠO–– &PQuRgu7(B& STU VºŽ)bW7c<W&'(!!
! 45X3&ªVpeéY&;Z!!
! Š”•– š›)45A45X3#upe|}2'(zX3&ªVpe8q2'(;<!
!
!
!
;-;< BCDECF!
! ä冇ˆ‡‰2[©_L^W<œ^z!
! ]&|}X^&_`)ab;<œ^z!
! ”•– Ç&cTdefgºÿ&hÄ^cTÒ§2i;)ÄWA,iã)cTÓ|2'$;<œ^z!
!
!
!
! "!
Copyright © 2009 loftwork Inc. All Rights Reserved.
!
Chiaki Hayashi

22. Chiaki Hayashi

23. Chiaki Hayashi

24. !!" "#" $%"
./0#123435"6"7889:;;<<<=>>>>>>=?@A;"BCDE+FGHIJK"
&'()*+,-"
L-MI(CNOE3PQINR35"
TUVWW*2EJ3+XYCDIZ/["
!S" $$$]^_`abcdefgIOIXYCDE+hFGHIJK" opqrsW'5E3tu`vw"
!SVi%jklC&mDE+CnT$"
{|}'~$•(&e"
xIyz+"
€•XY‚ƒc„-…"
NOE3†‡"
$ˆ‰IŠz+NOE3$$‹MI(6{ŒB) o’“”w+z&‚•z–I‚5'
$L-MI(NOE3$$$•|MI(Ž•" I—K˜ZCNOE3wTUC™C
/QI&"
QINR35" š›‚Q303œ"C•cFGHI
JKžfŸ"
$L-MI(QINR35$•MI()
$‘%MI(QINR35$•|MI(Ž•"
¢£./0$*¤¥¦$$7889:;;¢£¢§87¢=A¨8§©ª¢8«=¬¢=-9;"
3¡ŠI*"
®./0$$$$$$$7889:;;<<<=¢§©8¢=¨¬¯@;"
“²°±$$$V${||³´µ+¶µ+"
]·¸/¹(HIKº»"
¼½‚ŠEK/+I3h¾¿ÀÁ›ÃĦÅÆ‚ÇÈ/¹(HIKhÉÊÀÁ›ÃËÌ
E3+B"
&'()*+°±" oÙÚÛÜÝÞßh“²C/¹(H
IKwàáÑÒŸ)
6ŠEK/+I3B" µ;µµ$ÍEÎIˆÏIÐÑÒ"
$;µµ$ˆ‰IŠz+NOE3ÓÔµ"
$$$""ÕÖÓÔµ"
µ;µ$$ I/QINR35“×"
$;µµ$NOE3ÓÔµ"
$;µµ$QINR35ÑØ"
!" !
Chiaki Hayashi

25. !!" "#"
./0#123435"6"7889:;;<<<=>>>>>>=?@A;"BCDE+FGHIJK"
&'()*+,-"
L-MI(CNOE3PQINR35"
TUVWW*2EJ3+XYCDIZ/["
!S" $$$]^_`abcdefgIOIXYCDE+hFGHIJK"
!SVi%jklC&mDE+CnT$"
{|}'~$•(&e"
xIyz+"
€•XY‚ƒc„-…"
NOE3†‡"
$ˆ‰IŠz+NOE3$$‹MI(6{ŒB)
$L-MI(NOE3$$$•|MI(Ž•"
/QI&"
QINR35"
$L-MI(QINR35$•MI()
$‘%MI(QINR35$•|MI(Ž•"
Chiaki Hayashi
¢£./0$*¤¥¦$$7889:;;¢£¢§87¢=A¨8§©ª¢8«=¬¢=-9;"
3¡ŠI*"
®./0$$$$$$$7889:;;<<<=¢§©8¢=¨¬¯@;"

26. Chiaki Hayashi

27. Chiaki Hayashi

28. Chiaki Hayashi

29. Chiaki Hayashi

30. Chiaki Hayashi

31. Chiaki Hayashi

32. Chiaki Hayashi

33. Chiaki Hayashi

34. Chiaki Hayashi

35. Chiaki Hayashi

36. : 3
Chiaki Hayashi

37. Web
Web
Chiaki Hayashi

38. hikikomorix
http://www.flickr.com/photos/hikikomori/157532512/

39. 100
CMS CoporateSite Base Structure
Chiaki Hayashi

40. Chiaki Hayashi

41. Chiaki Hayashi

42. Chiaki Hayashi

43. Chiaki Hayashi