はじめまして。
Yonemoto Katsuyaの
ポートフォリオです。

MV
scroll

Conceptコンセプト

Concept イメージ

糸と糸を紡ぐように、
人と人を繋げる架け橋のような
そんなモノづくりを心がけて
制作をしています。

Works制作実績

制作実績 サムネイル

リビング建築工房様 施工事例

リビング建築工房様 施工事例

課題

  • Webからの集客を向上
  • サイト構造の見直し

アプローチ

モバイルファーストのデザインに変更し、クライアント様の特徴である端正で静謐な印象の建物と、真摯でロジカルな家づくりへの姿勢が特徴のため、“家のビジュアル” を出来る限り効率よく見せることが出来るよう、「部位別」「邸別」ごとにデザインを作成いたしました。

URL

制作期間

2024.11.6〜2025.04.18

施工事例(一覧)
デザイン:349分
コーディング:238分
施工事例(邸別一覧)
デザイン:438分
コーディング:412分
施工事例(邸別詳細ページ)
デザイン:530分
コーディング:528分
施工事例(部位別一覧)
デザイン:446分

使用ツール

Photoshop, Illustrator, HTML, CSS, JavaScript

役割

デザイン制作、コーディング

制作実績 サムネイル

リビング建築工房様 はじめての方へ

リビング建築工房様 はじめての方へ

課題

はじめての方へのご案内ページが存在しなかったため、リニューアルを機に新設

アプローチ

事務所の雰囲気がわかるように、MVには事務所内の写真を背景に設置。また、フォントのサイズ・余白に大きくメリハリをつけることで、読んでもらいやすいようデザインいたしました。最後に、実際の家づくりの流れへと進んでもらうため、導線を設置しています。

URL

制作期間

2024.11.6〜2025.04.18

はじめての方へ
デザイン:380分
コーディング:446分

使用ツール

Photoshop、Illustrator、vscode

役割

デザイン、コーディング

制作実績 サムネイル

カスタムエージェント様 モデルハウス

カスタムエージェント様 モデルハウス

課題

  • 元旦から1月イベントのSNS広告配信に合わせて、年内に本番環境に反映したい
  • より魅力的に「見学してみたい!」と思えるようなページにブラッシュアップして欲しい
  • 過去のレイアウトやデザインにとらわれず、より魅力的なページに仕立ててほしい

アプローチ

これまでのモデルハウスとは違い、特別感が出るよう、両サイドの水色の線を取り、西田モデルハウスは、「空気・天井高や床高にメリハリを付けていること」などがポイントのように感じましたので、タイトル周りと、その他文章のサイズにメリハリを付けて、余白を広く取り、「空気」「空間」を意識してみました。
また、安らぎもポイントの一つかと感じたことと、その他モデルハウスとの一貫性を持たせるため、フォントは「zen maru gothic」、画像の角丸はそのまま活かしてみました。

結果

2024年末前に掲載が完了。先方のご担当者様から、横スライドの採用等、とても見やすく写真も最高です。とのご連絡をいただき、2025.09.30にご成約

制作期間

2024.12.23~2024.12.27

モデルハウスページ
デザイン:482分
コーディング:514分

使用ツール

Photoshop、vscode

役割

デザイン、コーディング

About自己紹介

プロフィール写真
名前
米元 克也
略歴
2019年、インターネット・アカデミーにてWeb制作の勉強を開始。
2020年、ウェブスタッフ株式会社(派遣先:東京リーガルマインド)にてWebディレクターとして2年間勤務。2022年に退職後、2023年より株式会社テクトにてWebデザイナーとして現在に至るまで勤務中。
その他に、フリーランスとしてwebサイトの制作案件を3件受注。
趣味
フィルムカメラで写真を撮るのが好きです。

Skillスキル

Photoshop
バナー、アイキャッチの作成や、写真のレタッチを行うことができます。
Illustrator
パスによる簡単なイラスト(家のアイコンなど)を作成することができます。
XD
ワイヤーフレームを作成することが出来ます。
HTML
タグ・構造の意味を考え、SEOに考慮したコーディングを行うことが出来ます。
CSS
BEM・FLOCSSに則ったSCSSによる、
チームでの保守・運用のしやすいコーディングを心がけています。
JavaScript
不明なところは調べつつ、JQueryやGSAPなどのライブラリを実装することが出来ます。

Contact