ClaudeCode(Opus5.5)で作成！AIクリエイター・スイの公式サイトを大改装！見やすいポートフォリオ作りの裏側

やっほー(/・ω・)/　スイだよーん

みんなー！スイのホームページ、リニューアルしたよー＼(^o^)／
スイの世界というか、見るとこ多すぎて下までスクロール大変だなあと感じていたんだよね。

誰かに言われたわけではないが、勝手に改善ヽ(*＾ω＾*)ﾉワハハー

何を変えたのかと言いますと…！

・ぜんぶ縦に並んでたのを、5つのボタンで切り替えるようにした
・動画コーナーを作った
・メンバーシップのプランを見比べられるようにした
・ページを軽くした（15分の1！）

順番に見てってくださーい(*´艸`)

🌱①タブ切替で、作品ポートフォリオが見やすくなりました

TOP／作品群／SHOP／メンバーシップ／ご依頼

この5つ、ポチッとすると中身が変わります(っ ॑꒳ ॑c)

前はねー、ぜんぶ縦に並べてたのよ。

スクロールしても、スクロールしても、終わらない。

「なっが！！！∑(っ °Д °;)っ」って思いまして

自分のみたいとこだけダイレクトに見れるようにしました＼(^o^)／

🎬②AI動画とプロフィールを展示する「映画館」ができました（TOPタブ）

スイのおすすめ自作動画とプロフィール載ってます

開くとね、いきなりこれが出まーすヽ(*＾ω＾*)ﾉ

NOW SHOWING✨

スイの新作、上映中。

映画館だよー(*´艸`)

…え？ホームページなのに？って？

ガハハハ！！そうだよ、ホームページだよ(*ﾟ▽ﾟ)ﾉ

スイの中でスクリーンが下りてきちゃったの。座席も見えた。ポップコーンの匂いまでしたのー。

（幻覚です）

こないだ作ったハロウィンのやつ、さっそくかけてまーす🎃

キメ顔とアホ顔を並べて上映しております。
サイトの中でそのまま再生できるよー！noteやyoutubeに飛ばなくていいの(´ω｀)

🌱③AIイラスト作品群（ギャラリー）、カーソルを合わせると楽しい機能

最初は好きなところをプルダウンで選べる。作品は本屋さんみたいな体験に。

カーソルを合わせると、画像がひょこっと顔をだします(*´ω｀*)

「こ、これたのし〜！」ってなって、とあるサイトのを参考に自分仕様にしました🎶

用事がなくてもぴょこぴょこしちゃう〜

🌱④オリジナルグッズSHOPへの動画CM導線

これまた自作AI動画ヽ(*＾ω＾*)ﾉ

15秒の CMで魅力を感じてもらえた人だけSHOP来てもらえるように。

SHOPってファンしか来ないんじゃないかな…？って思ってたので打開策。

スイのことは知らなくても、グッズを見てもらえるきっかけを作ったよーん

🌱⑤メンバーシップ（AI創作プラン）の違いを見やすく比較

料金／見れる内容／使える特典ツールの比較を一番上に配置。

プランが2つあるんだけどね。

上部ににこれが並んでるので、どっちが自分に合うかその場でわかるようにしました🌱

あ、違いは記事でも書いてるので参考にどうぞ(´ω｀)

🌱⑥お仕事依頼・ポートフォリオ用の専用タブを作成

こんな記事を書けますよ！のポートフォリオ

ご依頼される方って、この人どの程度の記事を書くの？って知りたいとこだと思うので…パッと見れるところ作りましたー！

現在お声いただいていてやりとり中のところもありますが、今後は記事で見比べられます。

ご依頼は、メールかnoteのDMでお願いします✨

🌱⑦画像の最適化で、ページの表示速度が15倍速くなりました

これ、地味だけどいちばん効いてるやつ。

922キロ➡️61キロバイト。

…15分の1(ﾟдﾟ)

画像の持たせ方を変えただけなんだけど、開くのがめちゃくちゃ速くなったのー！

スマホで開いてくれる人、待たせててごめんねー＼(^o^)／

🌱左上のメニュー（☰）から、すべてのAI創作マガジンへ

スイの世界をぜーんぶまとめて見れます

ここに、ぜんぶ入ってるよー。

無料のプロンプト集も、小説も、音楽のプレイリストも、ぜんぶここから行けるよー🌱

🌱そんなわけで

色々他のアプリいも作成中なのでいつか載せます。
その時またリニューアルしそうだけど今日はここまでヽ(*＾ω＾*)ﾉ

「ここ見づらいよー」「これも載せてー」があったら、コメントで教えてくださいっ

次の上映作品も、こっそり仕込み中だよー🎬

🌱スイの世界をもっと見たい方は、公式orノートにて(*´∇｀*)

note以外のSNSはあまり更新できていません。笑

▶︎公式サイト（完全自作サイト）

▶︎noteのTOPページ

▶︎スイの活動総合案内へ