Mizu's

Portfolio

about

kentaプロフィール写真

ご覧頂きありがとうございます。
私は、約2年の間、ウェブ制作に従事しており、主にWordPressを使用した企業サイトや店舗サイトなど、幅広い小規模なウェブサイトのデザイン・開発を行っています。デザインの美しさとユーザーアクセスビリティに重点を置き、常にユーザーにとって使いやすく、ビジネスの目的に合致したサイト作りを心がけています。
お客様とのコミュニケーションを大切にし、プロジェクトの進捗を随時報告することで、安心してプロジェクトを進めていただけるよう努めています。納品後の確認やアフターケアもお任せください。
ウェブサイトの制作に関するご相談がありましたら、ぜひお気軽にお問い合わせください。

works

  • WordPressを用いた企業サイトの構築

    • 担当部分

      コーディング/一部デザイン/ライティング

    • 担当時間

      30人日

    • デザインコンセプト

      Figmaデザインよりコーディングを行っております。一部許可のもとにアレンジさせていただいております。架空の会計事務所のホームページで、誠実さと透明性をアピールするよう明るめの色で統一しています。

    • コメント

      Topの事例部分と料金部分はカスタムフィールドでクライアント様からも変更しやすくしており、お知らせ部分はカスタム投稿タイプで対応しました。
      また、記事ページでは関連記事やおすすめ記事を実装しており、記事をSNSでも共有できるようにしております。 お問合せフォームでは自動返信メールの設定なども行っており、最後に公式テーマユニットテストデーターを用いて 動的処理による表示崩れがないか確認しております。

  • 田中内科・外科クリニック(架空のサイト)

    • 担当部分

      デザイン/コーディング

    • 担当時間

      7人日

    • デザインコンセプト

      架空のクリニックのコーポレートサイトです。かかりつけ医としてクリニックの名刺代わりとなるページです。
      優しさと安心をアピールするため、無駄な装飾は無くし、シンプルな見た目で統一しています。全体的な彩度を落とし、明るさと余白を意識しデザインしました。訪問者が知りたいであろう治療方針と、診察内容の注目度をあげて配置しています。

    • コメント

      現在はTopページとおしらせページのみですが、下層ページを随時更新予定です。JavaScriptの学習のため、普段使っているjQueryをあえて使わず、モダンJSのみでDOM操作しています。
      モジュールのコンポーネント化を意識し、タイトルロゴやボタンなど使い回せるものを、どこでも使えるようCSS設計(BEM)しました。

  • 株式会社フィクションの採用サイト(架空のサイト)

    • 担当部分

      デザイン/コーディング

    • 担当時間

      10人日

    • デザインコンセプト

      フィクションという架空の建設事業会社の採用サイトを作成しました。就職活動中の新卒・中途の方達向けで、応募してもらうことを目的としています。
      スタイリッシュなイメージと、ユーザーのスクロールを促す効果を狙い、各セッションの境目を斜めにしてみました。

    • コメント

      Topページのみを0から作成しました。メインビジュアル及び社員のインタビュースライドはswiperというjavascriptのライブラリで実装しています。
      メインのカラーを青系とし、部分的に補色である黄色にてアクセントをつけてメリハリを強調しています。

  • ポートフォリオサイト

    • 担当部分

      デザイン/コーディング

    • 担当時間

      7人日

    • デザインコンセプト

      より自分を知ってもらえるよう、自分に合った色合いと写真(びわ湖)を使用しました。ホームとお問い合わせの下層ページ1枚の計2枚で構成しています。ポップアップを採用することで、極力ページ移動を少なくし、1ページで情報取得できるようにしました。転職活動・案件獲得のため簡単なプロフィール・実績・スキルを載せています。

    • コメント

      現在御覧頂いている、ポートフォリオサイトです。写真は自分が趣味で撮影した写真・動画を使用しGIF等に変換し使用しています。
      実績は随時更新予定です。

  • パン屋さんサービスサイト(架空のサイト)

    • 担当部分

      デザイン/コーディング

    • 担当時間

      7人日

    • デザインコンセプト

      架空のパン屋さんのサービスサイトとして作成したサイト。地元のパン好きの方々をターゲットにし、幅広い層に向けてデザインしました。メインカラーを黄色寄りにして、お店の明るく元気な印象を与えれるよう作成しました。 タイトルや写真に装飾を施し、可愛らしさと親しみやすさを与えられるようしています。

    • コメント

      Topページのみを0から作成しました。ヘッダー部分を固定しユーザーの回遊率を上げています。画像は無料素材を使っていますが、お店のロゴはIllustratorで自作しました。
      メインビジュアルのスライダーはJavaScriptのライブラリであるSwiperを使って実装しています。

skill

  • HTML/CSS

    レスポンシブデザインでのコーディング、Sass(Daet Sass)での記述が可能です。再利用しやすいコンポーネント概念を意識しコーディングしています。エディタはVisual Studio Codeを使用しています。

  • JavaScript

    JavaScript、jQueryの基本的なコードは記述可能です。今一番学習したい言語で、フレームワーク・ライブラリの学習を進めていきたいと考えています。

  • WordPress

    WordPressを使用したウェブサイトの制作が可能です。テーマのカスタマイズや、カスタム投稿タイプの作成、プラグインの導入・設定などを行い、クライアントの要望に応じたサイト構築を実現しています。SEO対策や、ユーザーが簡単に運用できる管理画面の設定も得意としています。

  • Qualification 〈資格〉

    ウェブデザイン技能検定 2級の国家検定を2022年6月に取得しました。基本情報技術者試験の資格取得も目標の一つとしています。

  • Canera/Movie

    趣味で写真・動画撮影、編集をしています。このサイトで使用している写真は基本的には自分で撮った写真を使用しています。

contact

ポートフォリオサイトを御覧頂きありがとうございます。

ご連絡は下記リンク先のフォームから宜しくお願いいたします。

▲