Shugo works — Portfolio
競馬の分析メディア、ブラウザゲーム、用語辞典、アーティストの公式サイト、そして企業サイト。 分野もつくり方も違いますが、共通しているのは「誰が何のために見るのか」を決めてから手を動かしている点です。 以下の7作品について、制作意図・担当範囲・使用技術・工夫した点をそれぞれ記載しています。
掲載作品のうち3件（あおば歯科クリニック / Personal Gym AXIS / 株式会社みなと）は、 実在しない企業を想定して制作したデモサイトです。掲載している社名・住所・電話番号・実績数値はすべて架空のものです。
運用中のサイトを先に、想定制作のデモサイトを後に並べています。
血統・コース適応度・距離適性・直近フォームの4指標で競走馬を評価し、発走前の予想と的中・不的中を全件公開している分析メディアです。
画像素材も外部APIも使わず、文字・数字・CSS図形だけで成立させた短編ゲーム6本。登録もインストールも不要で、記録はブラウザ内にのみ保存されます。
テキサスホールデムの用語を、基礎から EQR・ICM・バンチングエフェクトなどの上級理論まで収録した日本語辞典です。
楽曲配信・ミュージックビデオ・ライブ情報・歌詞・日記・写真ギャラリーを1つに集約した、アーティストの公式サイトです。
渋谷区・表参道の歯科医院を想定した、1ページ完結型のクリニックサイトです。
名古屋・栄の完全個室パーソナルジムを想定した、申し込み獲得を目的とするランディングページです。
地域の中小企業向けコーポレートサイトを想定し、WordPress のオリジナルテーマをゼロから制作したデモです。
wp_mail() では配送できないため、Contact Form 7 の wpcf7_before_send_mail フックで送信内容を外部フォームサービスへ転送する mu-plugin を自作しました。転送に失敗した場合は送信を中断し、利用者には成功と表示されないようにしています。上記の作品で実際に手を動かした範囲です。
誰が何のために見るサイトなのかを決め、必要なページと導線を先に固めます。情報の正本をどこに置くか、更新を誰が担うかまで含めて設計します。
静的サイトから React アプリ、WordPress のオリジナルテーマまで。フレームワークは目的に応じて選び、不要なら使いません。
サーバー構築から公開後の更新まで。構造化データと計測を入れ、公開して終わりにしない状態にします。
制作のご依頼、掲載作品の詳細、担当範囲についてのご質問など、お気軽にご連絡ください。