Web Creator Portfolio

Web Creator Portfolio / 実務経験はまだゼロです

経験は、これから。
STUDIOも、コードも、AIも使って形にします。

Web制作の実務経験はまだありません。ですが、ノーコードツールSTUDIOでのサイト構築、HTML・CSS・JSでの直接コーディング、AI(Claude等)を活用した効率的な制作フローには自信があります。小さなご相談からでも、誠実に丁寧に対応します。

Skills

できること

今できる範囲を、正直にお伝えします。得意分野を組み合わせて、スピードと丁寧さを両立します。

  • STUDIOでのサイト構築・運用

    ノーコードツール「STUDIO」の基本操作を習得済みです。デザインカンプやワイヤーフレームをもとに、公開後の更新・運用のしやすさまで考えたページ構築を行います。

  • HTML・CSS・JSコーディング

    マークアップから直接コーディングで対応します。レスポンシブ対応や、alt属性・コントラスト・見出し階層など基本的なアクセシビリティにも配慮した実装を心がけています。

  • AI(Claude等)を使った制作フロー効率化

    要件整理からコーディング、修正対応まで、AIツールと協働してスピードと丁寧さを両立させています。制作の過程自体もスキルの見せ方として活用しています。

Works

制作実績

クライアントワークで公開できる状態のものはまだありません。以下は、実際に運用している自分の事業サイトと、ポートフォリオのために自主制作した2本です。雰囲気が伝わるよう、埋め込めるものは動くサイトのまま載せています。

採用戦略コンサル コーポレートサイト

自分の事業(新卒採用の設計・伴走)のサイト。STUDIOで制作し、実際に公開・運用しています。数字で実績を示すファーストビューから、料金・流れ・FAQまでを1本の導線にまとめました。

自社サイト・公開中 STUDIO ノーコード レスポンシブ対応
eita-saiyou.studio.site
採用戦略コンサル コーポレートサイトのファーストビュー

※STUDIO製のサイトは外部ページへの埋め込みが許可されていないため、スクリーンショットで掲載しています。

居酒屋「まどい処 灯家」コーポレートサイト

架空の古民家居酒屋を題材にした複数セクションの1ページサイト。宴会・貸切の導線を主役に据え、開幕演出・お品書きのタブ切替・自動で流れる料理カルーセル・手描きの略図まで実装しました。写真はすべてフリー素材です。

架空・自主制作 HTML / CSS / JS レスポンシブ対応 毛筆フォントのサブセット配信 構造化データ / OGP
tomoriya/index.html

※実在の店舗ではありません。店名・住所・電話番号・メニューはすべてサンプルです。

コーヒースタンド「陽だまり」LP

架空の個人経営コーヒースタンドを題材にした1ページLP。コンセプト・メニュー・こだわり・アクセスまでを一気通貫で構成しました。

架空・自主制作 HTML / CSS / JS レスポンシブ対応 スクロール連動アニメーション
coffee-hidamari/index.html

※フレーム内は実際のサイトと同じ挙動です。スクロールして雰囲気をご覧ください。

Process

対応可能な範囲・進め方

実務経験はまだ少ないですが、だからこそ一つ一つの案件に時間をかけ、コミュニケーション・納期・修正対応を誠実に行うことをお約束します。

  1. ヒアリング

    ご要望・課題・参考サイトなどを丁寧にお伺いします。

  2. 構成案の提示

    ページ構成や参考サイトをすり合わせ、方向性を先に確認します。

  3. 制作

    STUDIO/コーディングのいずれかで、進捗を共有しながら制作します。

  4. 確認・修正

    取り決めた範囲内で、丁寧に修正対応します。

  5. 納品

    約束した納期を守ってお渡しします。

  • 返信の速さ

    いただいたメッセージには、基本的に24時間以内の返信を心がけます。

  • 納期厳守

    見積もり時にお約束した納期は守ります。難しい場合は早めにご相談します。

  • 柔軟な修正対応

    完成後の微調整は、事前に取り決めた範囲内で柔軟に対応します。

Contact

ご相談はお気軽に

メールアドレス等の直接の連絡先は、このサイトには掲載しておりません。

ご興味を持っていただけましたら、ご利用中のプラットフォーム(ココナラ、クラウドワークスなど)のメッセージ機能から、お気軽にご相談ください。

初めての方からの、小規模なご相談も歓迎しています。