サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding

サービスのUIや各種販促にイラストを利用する場面は多いですが、同時に作成や素材選定にかかる時間やブランディングにおけるトンマナの統一が課題になることも多いかと思います。
本セッションでは、イラストレーションシステムの構築による効率的で自由度の高いイラストコンポーネントの作成・管理・運用の事例を共有いたします。

Transcript

1. #VJMEJOH
   BOE
   VUJMJ[JOH
   BO
   JMMVTUSBUJPO
   TZTUFN
   JO
   TFSWJDF
   SFCSBOEJOH Commerce Company Reuse Headquarters, Production 1 Division, Design Department "SJTB
   5FSVJ
2. 1SPGJMF 
   /BNF "SJTB
   5FSVJ 
   $BSFFS "GUFS
   DPNQMFUJOH
   NZ
   VOJWFSTJUZ
   FEVDBUJPO
   *
   XPSLFE
   BU
   BO
   BEWFSUJTJOH
   BHFODZ
   BOE
   B
   EFTJHO
   BHFODZ
   HBJOJOH
   FYQFSJFODF
   JO
   HSBQIJD
   EFTJHO
   XFC
   EFTJHO
   BOE
   6*
   EFTJHO
   *
   BN
   OPX
   FNQMPZFE
   BT
   B
   6*69
   EFTJHOFS
   BU
   :BIPP
   +"1"/
   'MFB
   .BSLFU 
   -JLF .VTJD
   DPODFSUT
3.  8IZ
   #VJME
   BO
   *MMVTUSBUJPO
   4ZTUFN
    1SPDFTT
   CVJMEJOH
   UP
   TZTUFN
   DPOTUSVDUJPO  6UJMJ[BUJPO
   PG
   'JHNBT
   GFBUVSFT  0QFSBUJPO
   BOE
   NBOBHFNFOU
   PG
   HVJEFMJOF  0VUDPNFT
   BOE
   DBTF
   TUVEJFT  $PODMVTJPO "HFOEB
4.  &BTZ
   WBSJBUJPO
   DSFBUJPO
   UISPVHI
   QBSU
   BOE
   DPMPS
   DIBOHFT  "DIJFWF
   JNQSPWFE
   FGGJDJFODZ
   BOE
   SFEVDFE
   XPSLMPBE  3FJOGPSDF
   CSBOE
   JNBHF
   XJUI
   DPOTJTUFOU
   JMMVTUSBUJPOT What is an illustration system? )FBE #PEZ
   
   "SNT -FH
5. 
   UZQFT
   PG
   JMMVTUSBUJPOT
   BOE
   JDPOT $SFBUJPO
   PG
   PWFS
    
   DIBSBDUFS
   QBUUFSOT ʴ
6. 8IZ
   #VJME
   BO
   *MMVTUSBUJPO
   4ZTUFN 
   4FSWJDF
   SFCSBOEJOH 
   3FWJFX
   PG
   QBTU
   JMMVTUSBUJPO
   NBUFSJBMT
7. • Maximize impact by creating an illustration system aligned with rebranding. • An action to ensure consistency in the design of both services. • 6TF
   DPNNPO
   JMMVTUSBUJPOT
   UP
   BQQFBM
   CSBOE
   DPOOFDUJPO
   UP
   VTFST 
   4FSWJDF
   SFCSBOEJOH 5P
   BDIJFWF
   UIF
   HPBMT
   PG
   SFCSBOEJOH
8. • Organize and standardize illustration assets to ensure consistency. • Confirmed benefits from other companies' cases and decided on implementation. • Expected as a Figma use case within -:
   $PSQPSBUJPO 
   3FWJFX
   PG
   QBTU
   JMMVTUSBUJPO
   NBUFSJBMT 5P achieve consistent illustration expressions
9. 1SPDFTT
   CVJMEJOH
   UP
   TZTUFN
   DPOTUSVDUJPO 1. Consideration of appropriate expressions 
   *EFOUJGJDBUJPO
   BOE
   DSFBUJPO
   PG
   QBSUT 
   %FUFSNJOBUJPO
   PG
   UIF
   DPMPS
   MJCSBSZ
10. • 8JUI
    :BIPP
    +"1"/
    GBTUFS
    IJHIFS
    FBTJFSz • 5IF
    SFRVJSFNFOU
    JT
    UP
    TFU
    BO
    JMMVTUSBUJPO
    UPOF
    BOE
    NBOOFS
    UIBU
    GJUT
    CPUI
    TFSWJDFT 1. Consideration of appropriate expressions Rebranding concept ϠϑʔͳΒɺΑΓૣ͘ɺΑΓߴ͘ɺΑΓΧϯλϯɻ
11. • 'PSNVMBUJOH
    UIF
    LFZXPSET
    z4JNQMJDJUZ 
    'SJFOEMJOFTT 
    BOE
    'VOz • %FGJOF
    UIF
    JMMVTUSBUJPO
    UPOF
    VTJOH
    B
    GPVSRVBESBOU
    NBUSJY • )BSNPOJ[JOH
    UIF
    UPOF
    GPS
    CPUI
    TFSWJDFT
    VTJOH
    TUZMJ[BUJPO
    BOE
    DVSWFT :BIPP
    'MFB
    .BSLFUT
    UBSHFU
    QFSTPOB
    BOE
    WJTJPO
12. • *MMVTUSBUJPO
    QBSUT
    BVEJU
    CZ
    VTBHF • 4USFBNMJOF
    TDSFFO
    JMMVTUSBUJPOT
    BOE
    SFGJOF
    FYQSFTTJPOT • $SFBUF
    BOE
    MJTU
    JMMVTUSBUJPO
    WBSJBUJPOT 2. *EFOUJGJDBUJPO
    BOE
    DSFBUJPO
    PG
    QBSUT
13. • "
    IFBE
    QSPQPSUJPO
    XJUI
    SPVOEFE
    GPSNT • &YQSFTT
    z'SJFOEMJOFTT
    BOE
    z4JNQMJDJUZ
    UISPVHI
    TUZMJ[BUJPO • "EKVTU
    EFUBJMT
    GPS
    SPVOEFE
    6*
    DPNQBUJCJMJUZ
14. • 1SPWJEF
    GSPOU
    TJEF
    BOE
    EJBHPOBM
    BOHMFT
    GPS
    TUBOEBSE
    NBMF
    BOE
    GFNBMF
    GJHVSFT • "EE
    QBUUFSOT
    GPS
    EFMJWFSZ
    QFSTPOOFM
    DMFSLT
    BOE
    TUVEFOUT • "EKVTU
    UIF
    OVNCFS
    PG
    BOHMFT
    CBTFE
    PO
    VTBHF
    GSFRVFODZ
15. • %JWJEFE
    JOUP
    UISFF
    QBSUT
    IFBE
    VQQFS
    CPEZ
    BOE
    MPXFS
    CPEZ • 'JOFS
    QBSU
    EJWJTJPOT
    JODSFBTF
    DPTUT • &WBMVBUF
    UIF
    BQQSPQSJBUF
    OVNCFS
    PG
    QBSUT
    CBTFE
    PO
    TFSWJDF
    OFFET
16. • 1BSUT
    DBOU
    CF
    NPWFE
    JO
    JOTUBODFT • %FUBDIJOH
    DPNQPOFOUT
    SFNPWFT
    NBOBHFNFOU
    CFOFGJUT • $POTJEFS
    PUIFS
    UPPMT
    GPS
    GMFYJCMF
    FEJUJOH
17. • $SFBUF
    QPTFT
    BOE
    FYQSFTTJPOT
    GPS
    UISFF
    BOHMFT • "EE
    FYQSFTTJPOT
    TQFDJGJD
    UP
    TFSWJDF
    GFBUVSFT • 4IPXDBTF
    EJWFSTJUZ
    XJUI
    B
    WBSJFUZ
    PG
    TLJO
    UPOFT
    IBJS
    DPMPST
    BOE
    FNPUJPOT
18. %FDJEFE
    CBTFE
    PO
    UIF
    CSBOE
    DPMPST
    BOE
    6*
    DPMPST
    FTUBCMJTIFE
    EVSJOH
    UIF
    SFCSBOEJOH 3. %FUFSNJOBUJPO
    PG
    UIF
    DPMPS
    MJCSBSZ
19. 6UJMJ[BUJPO
    PG
    'JHNBT
    GFBUVSFT • $PNQMFUF
    FWFSZUIJOH
    JO
    'JHNB
    UP
    SFEVDF
    XPSL
    UJNF • $SFBUF
    VTJOH
    6*
    EFTJHO
    FYQFSUJTF • &GGJDJFOUMZ
    DSFBUF
    WBSJBUJPOT
    CZ
    EVQMJDBUJOH
    UIF
    CBTF +VTU
    QSFQBSF
    UIFTF
    QBSUT
20. • $IBOHF
    QBSUT
    XJUI
    POF
    DMJDL
    VTJOH
    WBSJBOUT • *OUVJUJWFMZ
    UPHHMF
    QBSU
    WJTJCJMJUZ
    XJUI
    CPPMFBOT • &BTJMZ
    TXJUDI
    CFUXFFO
    MJHIU
    BOE
    EBSL
    NPEFT
    XJUI
    WBSJBCMFT 7BSJBOU #PPMFBO 7BSJBCMF
21. • "TTFUT
    BSF
    BDDFTTJCMF
    UP
    BOZPOF
    UISPVHI
    MJCSBSZ
    QVCMJTIJOH • &BTZ
    EBUB
    TIBSJOH
    FOIBODFT
    VTBCJMJUZ • &YQPSU
    NBUFSJBMT
    XJUIPVU
    FEJU
    QFSNJTTJPOT 1VCMJTI
    
    "EE
22. 0QFSBUJPO
    BOE
    NBOBHFNFOU
    PG
    HVJEFMJOF • &YQMBJO
    VTBHF
    BOE
    QSFDBVUJPOT
    JO
    UIF
    HVJEFMJOFT • %FUBJM
    UIF
    UPOF
    BOE
    NBOOFS
    CBDLHSPVOE
    BOE
    DSFBUJPO
    QPJOUT • "EESFTT
    JORVJSJFT
    BOE
    GFFECBDL
    SFMBUFE
    UP
    JMMVTUSBUJPOT
23. 0VUDPNFT
    BOE
    DBTF
    TUVEJFT • 4USFOHUIFOFE
    UIF
    TZOFSHZ
    CFUXFFO
    UIF
    UXP
    TFSWJDF
    CSBOET • 4JHOJGJDBOUMZ
    SFEVDFE
    QSPEVDUJPO
    CVSEFOT • "JN
    GPS
    GVSUIFS
    VUJMJ[BUJPO
    UISPVHI
    JODSFBTFE
    SFDPHOJUJPO
    BOE
    VQEBUFT
24. $PODMVTJPO ⎯ "MJHO
    UPOF
    BOE
    TUZMF
    XJUI
    ZPVS
    DPODFQU
    BOE
    WJTJPO 1SPEVDUJPO ⎯ :PV
    DBO
    DSFBUF
    B
    MPU
    PG
    WBSJBUJPOT
    FGGJDJFOUMZ 'JHNB
    GFBUVSFT ⎯ $SFBUF
    HVJEFMJOFT
    BOE
    QSPWJEF
    TVQQPSU .BOBHFNFOU
    BOE
    PQFSBUJPO ⎯ &OTVSF
    DPOTJTUFOU
    DPNNVOJDBUJPO
    BOE
    VQEBUFT ⎯ 6UJMJ[F
    GFBUVSFT
    TVDI
    BT
    WBSJBOUT
    BOE
    CPPMFBOT ⎯ "EKVTU
    QSPEVDUJPO
    TDBMF
    CBTFE
    PO
    JMMVTUSBUJPO
    VTBHF