閉じたPC
開いたPC

Web Creator

ご覧いただきありがとうございます。
首藤 藍子（しゅとう あいこ）と申します。
Web制作・サイト運用を中心に、コーディングから更新・改善まで携わっています。
「作るだけ」でなく、運用しやすく成果につながるWebサイトづくりを大切にしています。

Work 実績紹介

Web制作会社で担当した実務案件と自主制作をご紹介します。
実務案件については守秘義務および掲載許可の関係上、 企業名・URL・デザインを非公開としております。

  • Corporate Website 実務案件・詳細非公開
    コーポレートサイト制作（実務案件）
    取引先企業のコーポレートサイト制作を担当しました。 守秘義務および掲載許可の関係上、 企業名・URL・デザインは非公開としています。
    使用技術・ツール
    HTML / CSS / Sass / JavaScript / jQuery / Figma
    担当範囲
    コーディング / レスポンシブ対応 / JavaScript・jQuery実装 / 公開後の修正・更新
    担当時期
    2024年〜
    業務内容・ポイント
    デザインカンプをもとに、 取引先企業のコーポレートサイトのコーディングを担当しました。 デザインの再現性とレスポンシブ表示を意識しながら、 HTML・CSS・JavaScript等を使用して実装しています。 公開後のページ修正やコンテンツ更新にも対応しています。
  • Landing Page 実務案件・詳細非公開
    LP制作（実務案件）
    サービス・キャンペーン等のLP制作を担当しました。 守秘義務および掲載許可の関係上、 クライアント名・URL・デザインは非公開としています。
    使用技術・ツール
    HTML / CSS / Sass / JavaScript / jQuery / Figma
    担当範囲
    コーディング / レスポンシブ対応 / JavaScript・jQuery実装 / 修正・更新
    担当時期
    2024年〜
    業務内容・ポイント
    Figma等のデザインカンプをもとに、 LPのコーディングを担当しました。 PC・スマートフォン双方でデザインを損なわないよう レスポンシブ対応を行い、 JavaScript・jQueryを使用したUI実装にも対応しています。
  • Web Operation Webサイト運用・更新
    Webサイト運用・更新（実務経験）
    Webサイトの制作だけでなく、 公開後の修正・更新・コンテンツ運用にも継続的に携わっています。
    使用技術・ツール
    HTML / CSS / JavaScript / WordPress / STUDIO / Figma
    担当範囲
    Webサイト更新 / 既存ページ修正 / コンテンツ更新 / CMS運用 / 軽微なデザイン修正
    担当時期
    2024年〜
    業務内容・ポイント
    HTML・CSSによる既存ページの修正に加え、 WordPressやSTUDIOを使用した Webサイトの更新・運用を担当しています。 公開後も継続的にサイトを管理し、 必要に応じてコンテンツや表示内容の修正を行っています。
  • ポートフォリオサイト
    ポートフォリオサイト
    私のポートフォリオサイトです。
    使用技術
    HTML / CSS / Sass / JavaScript / jQuery
    BASIC認証
    【ID】demo 【PW】demo
    URL
    https://mogu358.com/
    担当範囲
    デザイン / コーディング / レスポンシブ対応 / JavaScript・jQuery実装
    制作時期
    2023年12月
    制作・実装ポイント
    サイト構成・デザインからコーディングまで一貫して制作しました。 PC・スマートフォンに対応したレスポンシブ実装に加え、 ナビゲーションメニューやアニメーションなどの UI実装にも対応しています。
  • スキューバダイビング風LP（架空サイト）
    スキューバダイビング風LP（架空サイト）
    使用技術
    HTML / CSS / Sass / JavaScript / jQuery
    BASIC認証
    【ID】site 【PW】site
    URL
    https://mogu202502-01.xyz
    担当範囲
    コーディング / レスポンシブ対応 / JavaScript・jQuery実装 （デザインカンプ：Adobe XD）
    制作時期
    2023年9月
    制作・実装ポイント
    Adobe XDのデザインカンプをもとにコーディングを行いました。 PC・スマートフォンに対応したレスポンシブ実装に加え、 jQueryを使用したUI実装や YouTubeコンテンツの埋め込みにも対応しています。
  • WEBサービス風LP（架空サイト）
    WEBサービス風LP（架空サイト）
    使用技術
    HTML / CSS / Sass / JavaScript / jQuery
    BASIC認証
    【ID】site 【PW】site
    URL
    http://mogu202502-02.site/
    担当範囲
    コーディング / レスポンシブ対応 / JavaScript・jQuery実装 （デザインカンプ：Adobe XD）
    制作時期
    2023年8月
    制作・実装ポイント
    Adobe XDのデザインカンプをもとにコーディングを行いました。 PC・スマートフォンに対応したレスポンシブ実装に加え、 Google Maps・Googleフォームの埋め込みや、 jQueryを使用したアニメーションの実装にも対応しています。
  • タスク管理ツール風LP（架空サイト）
    タスク管理ツール風LP（架空サイト）
    使用技術
    HTML / CSS / Sass / JavaScript / jQuery
    BASIC認証
    【ID】site 【PW】site
    URL
    http://mogu202502-03.site/
    担当範囲
    コーディング / レスポンシブ対応 / JavaScript・jQuery実装 （デザインカンプ：Figma）
    制作時期
    2023年8月
    制作・実装ポイント
    Figmaのデザインカンプをもとにコーディングを行いました。 PC・スマートフォンに対応したレスポンシブ実装に加え、 jQueryを使用したアニメーションの実装にも対応しています。

About 私について

首藤 藍子（しゅとう あいこ）

オンラインスクール「デイトラ」のWEB制作コースを修了後、2024年2月よりWeb制作・運用業務に従事しています。

現職では、HTML・CSS・JavaScriptを用いたWebサイトの制作・修正をはじめ、WordPressを使用したサイト更新・運用、Figmaを用いたデザインデータの確認など、Webサイトに関する幅広い業務を担当しています。

制作だけでなく、日々のサイト運用や業務改善にも携わっており、目的や利用者の視点を意識しながら、より使いやすく運用しやすい形へ改善していくことを大切にしています。

今後はこれまでのWeb制作・運用経験を活かしながら、Webサイトやサービスを継続的に育て、改善していく仕事に携わりたいと考えています。

Skill

Coding
HTML / CSS / Sass / JavaScript / jQuery
デザインカンプをもとにしたコーディング、レスポンシブ対応、既存サイトの修正・更新、基本的なUI実装

CMS / Web Operation
WordPress / STUDIO
Webサイトの制作・コンテンツ更新・修正・運用、WordPressオリジナルテーマ制作

Design
Figma
デザインカンプの確認、Web制作に必要な情報・素材の確認

Tools
Git / GitHub
基本的なバージョン管理・共同開発での利用

上部へスクロール