• announce
    お知らせ
  • comic
    漫画
  • illust
    イラスト
  • works
    制作
  • profile&contact
    お問い合わせ
  • go to
    FREE HAND
  • 漫画「FREE HAND」ポータルサイト

    2019/2/3 : works

    自身がウェブ上で公開している漫画「FREE HAND」のポータルサイトを制作しました。

    制作期間:約2週間
    使用ツール・言語:HTML , CSS , Javascript , PHP , WordPress , Adobe Illustrator(ロゴ等)

    このサイトは、漫画「FREE HAND」の持つ独自の世界観をWebデザインで表現し、ユーザーがサイトを見ることでこちらの世界に「引き込まれる」こと、見ているだけで楽しいようなサイトを制作することをデザインの意図として作成しました。

    トップページはパララックスを導入しており、、カーソルの移動やスマートフォンの傾きで手前のロゴやキャラクター、背景が動くようになっています。
    また、全体を通して漫画の中で重要な役割を果たす「マーカーの筆跡」をイメージさせるようなピンクのラインを置き、各ページに共通したデザインのウインドウを置いて統一感を出しました。

    これまで制作した3つのサイトは自分では未だ未完成だと考えており、今後も細部から大規模なものまでデザインのアップデートを行っていこうと考えています。「FREE HAND」に関しては各カテゴリーのページのデザインに流用が多いので、そのページに合った動的なデザインに変更していく予定です。

    "works" other posts
    more>>