Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Trends of 
Japanese Local Government Websites

kazuhiro hara
November 09, 2018
130

Design Trends of 
Japanese Local Government Websites

Talked about Design Trends of Japanese Local Government Websites.
There are about 1,700 local governments in Japan.
Almost Japanese local governments have websites.
I will show you the unique world of these websites.

kazuhiro hara

November 09, 2018
Tweet

Transcript

  1. Frontend
    Day Nov 9

    View full-size slide

  2. in Meeting Room C

    10:40 - 11:20
    - Design trends of Japanese local government websites
    - Developing Angular app with Plone REST API
    11:30 - 12:10
    - Engineering muscle training interface
    - Introduction to React Native
    12:20 - 13:00
    - How to enjoy creative work
    - Immersive Web on your website
    in Sub Exhibition Hall
    14:50 - 15:30
    - Plone Community and Japanese Frontend Community Meetup

    View full-size slide

  3. IUUQTKBXJLJQFEJBPSHXJLJ&#&"#&&$&&NFEJB'JMF5IF@(SFBU@8BWF@P⒎@,BOBHBXBKQH
    Design Trends
    of 

    Japanese Local Government Websites

    View full-size slide

  4. Kazuhiro Hara (@kara_d)
    Full Stack Web Developer / Design researcher
    Chiba-ken, Japan

    View full-size slide

  5. 8IBULJOEPGXFCTJUFDSBXMT
    ‎ 0WFSTFBTXFCTJUFT
    ‎ TJUFTPVUPGUIF(MPCBMDPNQBOJFT
    ‎ +BQBOFTF-PDBMHPWFSONFOUXFCTJUFT
    ‎ +BQBOFTF-JTUFEDPNQBOZXFCTJUFT
    .BJOMZDIFDLUIFSFOFXFEXFCTJUF

    View full-size slide

  6. )PXEP*DIFDLUIFTFTJUFT

    View full-size slide

  7. "Trends" are not cutting edge.
    These are phenomena that are being 

    optimized for the times.

    View full-size slide

  8. "HFOEB
    ‎ 5ZQJDBMGPSNBU
    ‎ 3FHJPOBMCSBOEJOH
    ‎ %JTBTUFS*OGPSNBUJPO
    ‎ -JGF&WFOU/BWJHBUJPO
    ‎ *UTIFSFNBQ
    ‎ 'PPUFS.PVOUBJO

    View full-size slide

  9. 5ZQJDBMGPSNBU

    View full-size slide

  10. 0VNV5PXO 2018
    LOCAL
    GOVERNMENT
    8FCTJUFXJUI5ZQJDBMGPSNBU

    View full-size slide

  11. 0VNV5PXO 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  12. 0VNV5PXO 2018
    LOCAL
    GOVERNMENT
    %JTBTUFS
    *OGPSNBUJPO
    3FHJPOBM
    CSBOEJOH
    *UTIFSF
    NBQ
    -JGF&WFOU
    /BWJHBUJPO

    View full-size slide

  13. 0VNV5PXO 2018
    LOCAL
    GOVERNMENT
    'PPUFS
    .PVOUBJO

    View full-size slide

  14. 3FHJPOBMCSBOEJOH

    View full-size slide

  15. 3FHJPOBMCSBOEJOHJT
    ‎ -PDBMHPWFSONFOUXFCTJUFTUFOEUPCFBUZQJDBM
    MBZPVU
    ‎ 6TFMPDBMQSPEVDUTBOEQMBDFTPGJOUFSFTUBTQBHF
    EFTJHOFMFNFOUT
    ‎ #PUICJHDJUJFTBOETNBMMWJMMBHFTIBWFHPPE
    GFBUVSFT

    View full-size slide

  16. ,PGV$JUZVTFT.POBTBEFTJHONPUJG 2018
    LOCAL
    GOVERNMENT
    .POPG4IJOHFO5BLFEBT5BLFEB#JTIJ

    View full-size slide

  17. IUUQTKBXJLJQFEJBPSHXJLJ&"%"&#&#'"&&
    Shingen Takeda

    View full-size slide

  18. .PUJGPG%BTIJ 2018
    LOCAL
    GOVERNMENT
    %BTIJJTB+BQBOFTFGFTUJWBMDBS

    View full-size slide

  19. 5IFpTIFSZJOEVTUSZ *O0XBTF$JUZ 2018
    LOCAL
    GOVERNMENT
    -FUTUBLFBMPPLJOCSPXTFS

    View full-size slide

  20. %JTBTUFS*OGPSNBUJPO

    View full-size slide

  21. /9
    4&/%"* +BQBO .BSDI
    "O4)#IFMJDPQUFSBTTJHOFEUPUIF$IBSHFSTPG)FMJDPQUFS"OUJTVCNBSJOF4RVBESPO )4
    GSPN/BWBM"JS'BDJMJUZ"UTVHJqJFTPWFSUIFDJUZPG4FOEBJUPEFMJWFSNPSFUIBO QPVOET
    PGGPPEUPTVSWJWPSTPGBONBHOJUVEFFBSUIRVBLFBOEBUTVOBNJ5IFDJUJ[FOTPG&CJOB$JUZ +BQBO EPOBUFEUIFGPPE BOE)4JTTVQQPSUJOHFBSUIRVBLFBOEUTVOBNJSFMJFGPQFSBUJPOTJO+BQBOBTEJSFDUFE 64/BWZ
    QIPUP3FMFBTFE

    IUUQTXXXOBWZNJMWJFX@JNBHFBTQ JE
    Aftermath of the 2011 Tōhoku earthquake and tsunami
    IUUQTFOXJLJQFEJBPSHXJLJ"GUFSNBUI@PG@UIF@@5$%IPLV@FBSUIRVBLF@BOE@UTVOBNJ

    View full-size slide

  22. 5IFHFOFSBMMBZPVUPGEJTBTUFSJOGPSNBUJPO 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  23. %JTQMBZJOFNFSHFODZ 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  24. %JTQMBZJOFNFSHFODZ 2018
    LOCAL
    GOVERNMENT
    *OGPSNBUJPOPOUIFIFBWZSBJOJO+VMZ

    View full-size slide

  25. &OUJSFTDSFFODIBOHFT 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  26. &OUJSFTDSFFODIBOHFT 2018
    LOCAL
    GOVERNMENT
    &NFSHFODZTUZMF

    View full-size slide

  27. -JGF&WFOU/BWJHBUJPO

    View full-size slide

  28. -JGF&WFOU/BWJHBUJPOJT
    ‎ 8IFOMJWJOHJO+BQBO UIFSFBSFNBOZDBTFTXIFSF
    EPDVNFOUTBSFTVCNJUUFEUPMPDBMHPWFSONFOUT
    ‎ -PDBMHPWFSONFOUTIBWFWBSJPVTXJOEPXT
    ‎ %JTQMBZMJGFFWFOUTJDPOTPOUIFUPQQBHF
    ‎ *DPOTBSFPSHBOJ[FEJOUIFUJNFMJOFGSPNCJSUIUP
    EFBUI

    View full-size slide

  29. EFTJHOMJLF1JDUPHSBN 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  30. 1JDUPHSBNMJLFUIJOHT 2018
    LOCAL
    GOVERNMENT
    *DPOT CJSUIUPEFBUI

    View full-size slide

  31. *MMVTUSBUJPOCBTFEJDPOT 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  32. *MMVTUSBUJPOCBTFEJDPOT 2018
    LOCAL
    GOVERNMENT
    "MPUPGJDPOT

    View full-size slide

  33. *UTIFSFNBQJT
    ‎ .BOZQFPQMFEPOPULOPXUIFMPDBUJPOFWFOJGUIFZ
    MPPLBUUIFOBNFTPGTNBMMUPXOTBOEWJMMBHFT
    ‎ *UTIFSFNBQTIPXTUIFMPDBUJPOPGUIFDJUZ
    JODMVEJOHUIFTVSSPVOEJOHBSFB
    ‎ &BSMZ*UTIFSFNBQIBEBGVODUJPOBMSPMF CVU
    SFDFOUMZJUBMTPIBTBSPMFBTBEFTJHOFMFNFOU

    View full-size slide

  34. &OMBSHFUIFJTMBOE 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  35. %JTQMBZJOUXPTUFQT*UTIFSFNBQ 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  36. %JTQMBZJOUXPTUFQT*UTIFSFNBQ 2018
    LOCAL
    GOVERNMENT
    &YQBOEJOHGSPN+BQBONBQ

    View full-size slide

  37. 'PPUFS.PVOUBJO

    View full-size slide

  38. 'PPUFSNPVOUBJO FBSMZWFSTJPO 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  39. 'PPUFSNPVOUBJO FBSMZWFSTJPO 2018
    LOCAL
    GOVERNMENT

    View full-size slide

  40. 'PPUFSNPVOUBJO FBSMZWFSTJPO 2018
    LOCAL
    GOVERNMENT
    )FJT"JDIBONBO :VSVDIBSB
    )FJTHPOF

    View full-size slide

  41. 1JDLMPDBMTQFDJBMUJFT

    2018
    LOCAL
    GOVERNMENT
    'BNPVTGPSHSFFOUFB

    View full-size slide

  42. 1JDLMPDBMTQFDJBMUJFT

    2018
    LOCAL
    GOVERNMENT

    View full-size slide

  43. IUUQTKBXJLJQFEJBPSHXJLJ&#&"#&&$&&NFEJB'JMF5IF@(SFBU@8BWF@P⒎@,BOBHBXBKQH
    Thank you!
    I will go to a lecture anywhere in the world, if you want.
    @kara_d kazuhirohara

    View full-size slide