port-folioと記されたローディングアニメーション用の画像

portfolioと記述されたロゴ

    Portfolio -site- introduction of ideas and achievements -

    Portfolio -site- introduction of ideas and achievements -

      News 装飾

      2024.06.30 実績

      GCC Kids インターナショナルスクールサイトに、お知らせ一覧ページを追加しました。

      2024.08.18 実績

      ポートフォリオに、料金表を追加しました。

      2024.08.16 実績

      ポートフォリオに、お客様の声を追加しました。

      2024.07.10 実績

      ポートフォリオに、クラウドソーシングの実績数を追加しました。

      2024.07.02 スキル

      コードスキルにclip-pathを実装。

      2024.06.13 スキル

      コードスキルにSVGアニメーションを実装。

      2024.06.06 実績

      株式会社TETOTEのコーディング実績を追加しました。

      2024.06.01 実績

      GCC Kids インターナショナルスクールサイトにInstagramを追加しました。

      2024.03.19 スキル

      コードスキルに様々なスライドを実装。

      2024.03.17 スキル

      コードスキルにコードを閲覧できるように追加。

      2024.03.08 スキル

      skewを使ったオーバーレイアニメーションを実装。

      2024.03.06 スキル

      【動画】テキストのくり抜きを実装。

      2024.03.05 スキル

      メインビジュアルにVanta.jsを実装。

      2024.03.04 スキル

      回転するテキストを実装。

      2024.03.02 スキル

      ホバー時に要素が光るを実装。

      2024.03.01 スキル

      自動翻訳機能を実装。

      2024.02.26 スキル

      Lightbox2を実装。

      2024.02.26 スキル

      テキストアニメーションを実装。

      2024.02.26 スキル

      Gsapアニメーションを実装。

      2024.02.26 スキル

      1画面スクロールのコーディングスキルを実装。

      01

      Features

      装飾

      感謝の気持ちを忘れない

      日々の喧騒や忙しさに埋もれても、感謝の気持ちを忘れないことが大切です。周りには、私たちを支えてくれる人々や喜びを与えてくれる出来事が数多く存在します。そんな大切な瞬間や人々に目を向け、感謝の気持ちを持ち続けましょう。

      装飾

      初心を忘れない

      人生の旅路において、私たちは時に迷いや挫折に直面します。しかし、初めに抱いた情熱と目標を心に刻み、それを忘れずに進むことが大切です。困難なときこそ、自分がなぜその道を選んだのかを思い出し、力強く前進しましょう。初心を忘れずに歩むことで、真の成果と充実感を手に入れることができるのです。

      装飾

      お客様の立場に立って考える

      お客様の立場に立つと、商品やサービスの選択には品質・信頼性、使いやすさ、選択肢の幅広さ、良好な顧客サービスが欠かせません。お客様は優れた品質と信頼性を求め、使いやすく便利な体験を望みます。さらに、自身のニーズに合った選択肢やカスタマイズの自由度が重視されます。そして、問題や疑問が生じた際には迅速で親切な対応が求められます。これらの要素に焦点を当て、お客様の期待に応えることが大切です。

      02

      Works

      株式会社TETOTE株式会社TETOTE

      株式会社TETOTE

      クライアント様とのコーディングスキルの共有のために、Figmaのデザインカンプを購入し構築しました。管理画面にログインしていただき、編集機能や構成を確認できます。特に編集機能には繊細な注意を払い、ブロックエディタの中にHTMLデータを組み込み、画像やテキストを編集しやすくしています。また、ローディングアニメーション・パンくずリストやページネーション、カスタムフィールドやカスタム投稿タイプなど、Webサイトに必要な技術を組み込み構成しております。

      ふたとき株式会社ふたとき株式会社

      ふたとき株式会社

      ふたとき様のランディングページのコーディング作業では、SEOの最適化を目指してViteを採用した開発手法を取り入れました。このプロジェクトにおいては、ランディングページの効率性を高めるために、ファーストビューを除くコンテンツの読み込みを非同期で行いました。読み込み速度の改善のため、ファイルの圧縮(Minify)とハッシュ値の適用を施しました。コードの広範囲な互換性を保つために、最新のJavaScriptコードを古いブラウザでも動作する形式に変換し、CSSには互換性を高めるベンダープレフィックスを加えました。これらの施策により、検索エンジンによるサイトの効率的なインデックス化を促進することが期待できます。

      Jolie Ange ジョリー・アンジュJolie Ange ジョリー・アンジュ

      Jolie Ange ジョリー・アンジュ

      ジョリーアンジュ様のコーディングを担当させていただきました。このプロジェクトでは、GSAPとSwiperを使用したアニメーションを実装しました。また、WordPressにおいてカスタムフィールドを設置し、編集が容易なサイトを構築いたしました。また、画像が荒くならないように、アスペクト比を考慮しながらPictureタグやWebp形式を使用して、サイトの高速化にも配慮しました。

      GCC Kids インターナショナルスクールGCC Kids インターナショナルスクール

      GCC Kids インターナショナルスクール

      GCCKids様のコーディングを担当させていただきました。このプロジェクトでは、HTMLでコーディングを行い、その後WebPackを使用してファイルを最適化しました。さらに、一貫してWordPress化にも対応しました。お問い合わせフォームでは、郵便番号を入力することで住所を自動的に入力できる機能を実装しております。その他、入力後に確認画面に進み、最終的に送信完了画面に遷移することでユーザーアビリティを向上させております。

      03

      Achievement

      クラウドソーシング実績数

      合計

      94

      概要

      -Web制作のご依頼は、クラウドソーシングのリンクからメッセージをいただけますと幸いです。以下の料金表をご参照ください。

      -コーディングでお悩みの方は、MENTAをぜひご活用ください。

      料金表

      静的サイトのコーディング

      内容 料金 納期 詳細
      LPコーディング ¥20,000 1週間
      以内
      • 10,000pxまでを想定しております。
      • (以降sectionあたり+¥2,000)
      トップページ ¥20,000 2日
      • 6,000pxまでを想定しております。
      • (以降sectionあたり+¥2,000)
      下層ページ ¥10,000 1日 特に制限はございません。
      各種アニメーション ¥3,000 1日
      • GSAPを使って、サイトを魅力的に仕上げます。対応可能なアニメーションの詳細については、以下のリンクをご覧ください。
      • code-pen
      お問い合わせフォーム ¥10,000 1日 PHPにてバックエンドを実装いたします。
      その他 その他のイレギュラーな実装については、別途お見積りをさせていただきます。あらかじめご了承ください。

      ※全てレスポンシブ対応(スマートフォン・タブレットに対応)にて構築いたします。

      Wordpress

      内容 料金 納期 詳細
      Wordpress化 ¥10,000 3日
      以内
      HTMLデータをWordpress化いたします。テスト環境及びサーバーを構築し、報告させていただきます。
      編集機能の構築 ¥10,000 1日 カスタムフィールド及び、カスタム投稿タイプを設定し、管理画面からテキスト・画像を更新可能な状態にいたします。
      お問い合わせフォーム ¥5,000 1日 確認画面やサンクスページへの遷移が可能です。
      その他の機能 ¥5,000 1日 パンくずリスト・ページネーション・検索機能等を実装いたします。

      ※オリジナルテーマでの実装となります。既存テーマのカスタムは別途ご相談ください。

      04

      Coding-skill

      05

      Gsap -pin

      Gsap -pinAnimation

      お客様からのコメント

      料金表
      料金表 料金表
      料金表 料金表
      料金表
      料金表 料金表
      06

      About

      装飾

      Souichi_Kimura

      Web制作に情熱を持ち、適切なタグを使用して内部SEOを構築し、皆様のお役に立つウェブサイトを制作するために技術を磨いています。私の意識は、可読性の高いコードの作成・更新しやすいサイトの構築・そしてサイトの高速化にあります。クライアント様とのコミュニケーションを重視し、満足のいく成果物を提供できるように日々技術を向上させ、自身の成長にも繋げています。

      history

      装飾
      • ① セキュリティ関連の業界で20年の経験を持ち、昨年からはフリーランスとして活動。
      • ② 短期集中型のプログラミングスクールやLaLaメイツ(職業支援校)に通い、Web制作の技術を向上。
      • ③ フリーランスとして、クラウドソーシングを通じてWeb制作依頼を受注。
      • ④ 自身が学んだことを皆さんと共有するためのBlogサイトを開設。また、Google AdSenseの承認を受け、ウェブサイトの収益化にも成功。

      skill

      • HTML
      • /
      • CSS(SCSS)
      • /
      • JS
      • /
      • WordPress
      • /
      • Git
      • /
      • gsap
      • /
      • swiper
      • /
      • Pug
      • /
      • WebPack

      WebサイトやLPのコーディングのお仕事をメインで活動しております。デザインを忠実に再現し、高品質な成果物を保ちつつ、迅速にプロジェクトを完了させることを心がけています。

      • HTML
      • /
      • Css(Scss)
      • /
      • Javascript
      • /
      • WordPress
      • /
      • Git
      • /
      • Gsap
      • /
      • Swiper
      • /
      • Pug
      • /
      • WebPack
      • /
      • Vite

      WebサイトやLPのコーディングのお仕事をメインで活動しております。デザインを忠実に再現し、高品質な成果物を保ちつつ、迅速にプロジェクトを完了させることを心がけています。