芳一ちぎりマシュ饅頭

sakurai mika
Webエンジニア、デザイン、ライター、企画
OVERVIEW

広告用に制作されたメインビジュアルをもとに、Webサイトとして成立するようにデザイン構成を再構築し、情報整理・ページ構成・原稿作成から、UIレイアウト調整・フロント実装まで一貫して担当。

YEAR 2025

サイトURL：https://mashu-manju.com/


■担当内容（デザイン面）

  • 広告用に制作されたMVを、Webサイトのトーン＆レイアウトに最適化

  • MVを中心にした情報構成・ビジュアルバランスの調整

  • PC／スマホ向けのレイアウト設計

  • 情報設計（IA）＋文章作成（ライティング）＋ページ構成の決定


 ■担当内容（実装面）

  • HTML / CSS / JavaScript によるフロントエンド実装

  • メッシュ変形ライブラリを利用したインタラクション実装
    　（メインビジュアルの饅頭画像をクリック／タップすると柔らかく変形、ドラッグすると切り離される動作）

  • 問い合わせフォームのPHP実装

  • レスポンシブ対応

  • 画像データの最適化・基本的なパフォーマンス調整


 ■技術スタック

  • HTML

  • CSS

  • JavaScript

  • メッシュ変形ライブラリ（PIXI.js）

  • PHP（問い合わせフォーム）

WEBSITE