架空の図書館サイト(USUI LIBRARY)のサムネイル

架空の図書館サイト(USUI LIBRARY)

  • 担当: デザイン / コーディング
  • 使用ツール: Figma / Illustrator / Photoshop
  • 使用技術: HTML / SCSS / JavaScript

目的

中高生が放課後に気軽に立ち寄れる「居場所」としての図書館をイメージし、勉強・交流・リラックスなど多様な過ごし方ができることを伝えることを目的に制作しました。

工夫した点

手描き風のイラストややわらかい装飾を取り入れ、親しみやすい雰囲気を表現しました。また、配置や余白を工夫し、視線の流れに沿ってスムーズに情報を追える構成にしました。

技術面

  • ・フェードインなどのアニメーション実装
  • ・Swiperを使用したスライダーの実装

架空の図書館サイト(USUI LIBRARY) https://misatousui.com/works/usui-library/

デザインの意図や構成についてnoteにまとめています noteで詳しく見る