TETSUYA YAMAMOTO Portfolio

Portfolio Site

WEBデザイナー

山本哲也

1981年6月1日生まれ。
愛媛県宇和島市吉田町出身
東亜大学経営学部経営学科卒業

PROFILE

・スキル
WEBデザイン・コーディング：実務経験通算5年7ケ月
ECサイト：2年

・使用経験ツール
Illustrator / Photoshop / Dreamweaver / WordPress / Adobe XD / Visual Studio Code / SourceTree / Adobe Experience Manager

・自己PR
経験を糧に、想いをカタチにする。
WEBデザイナーとして実務未経験から今に至るまで、様々な案件に携わらせていただきました。求められるデザインを表現するのに上手く行かなかったり、コーディングでつまずいてしまったり、ミスや失敗も含めて、色々な気づきを得ることができ、様々な経験をさせていただいたことが今の自分の糧となっています。

WEB

Kao 海外カタログ

花王株式会社（Kao Corporation）

Kao 海外カタログ

Kao 海外カタログの新規ページ作成・更新業務

URL: https://www.kao.com/my/products/ その他7か国
対応時期: 2024年4月～2025年5月
担当: コーダーとしてKao 海外カタログの新規ページ作成・更新
制作ツール: Adobe Experience Manager / Photoshop / Visual Studio Code
制作メモ: ディレクターから案件のご依頼をいただき新規ページ作成・更新を行った。
中国・香港・台湾・ベトナム・マレーシア・シンガポール・インドネシア・タイの8か国の海外カタログを対応。

My Kao Mall

花王株式会社（Kao Corporation）

My Kao Mall

ECサイトの更新業務

URL: https://www.kao-kirei.com/ja/
対応時期: 2023年6月～2025年5月
担当: コーダーとしてECサイトの更新
制作ツール: Adobe Experience Manager / Photoshop / Visual Studio Code
制作メモ: ディレクターから案件のご依頼をいただきページの更新を行った。

チャンネル九州塾

一般社団法人九州観光機構

チャンネル九州塾

新規サイト制作

URL: https://www.welcomekyushu.jp/kyushujuku/
制作時期: 2023年3月
制作担当: コーディング
制作ツール: Adobe XD / Visual Studio Code
制作メモ: Adobe XDで作成していただいたデザインを基にサイトのコーディングを行った。

QTmobileスマホ・タブレット買取LP

QTmobile

QTmobileスマホ・タブレット買取LP

LP制作

URL: https://www.qtmobile.jp/purchase/
制作時期: 2023年2月
制作担当: コーディング
制作ツール: Adobe XD / Visual Studio Code
制作メモ: Adobe XDで作成していただいたデザインを基にヘッダーとページ下のパンくずリスト以下を除くメインコンテンツのコーディングを行った。

県内半導体関連企業向け人材育成講座LP

福岡県半導体・デジタル産業振興会議

県内半導体関連企業向け人材育成講座LP

LP制作

URL: https://semicon.ist-college.org/
制作時期: 2023年2月
制作担当: コーディング
制作ツール: Adobe XD / Visual Studio Code
制作メモ: Adobe XDで作成していただいたデザインを基にLPのコーディングを行った。

岡本組ホームページ

福岡市・モデル事務所

有限会社岡本組

ホームページリニューアル

URL: https://okamotogumi.jp/
制作期間: 2020年12月中旬～2021年4月27日（約4ケ月半）
制作担当: Webデザイン・コーディング・WordPress（formとInstagramの設定以外）
制作ツール: Photoshop / Dreamweaver / WordPress
コンセプト: 全体的に、シンプル・スッキリ・見いやすい。（クライアントの希望）
ポイント: ・初回アクセス時のファーストビューのアニメーションをクライアントの希望通りのものにするため、提案と確認のやりとりを重ねて、微調整など試行錯誤して実装することができた。
・デザインカンプの作成からWordPressでの制作、公開まで、打ち合わせを通して、クライアントの要望に沿うことができるように細部までこだわり、クライアントと共に納得の行くまで制作を行った、思い入れのあるサイト。

NASSE onlineリニューアル

自社ポータルサイト

NASSE online

Nasse naviからNASSE onlineにリニューアル

URL: https://nasse.com/
制作期間: 2021年12月～2022年2月18日（約2ケ月半）
制作担当: WEBコーディング（システム以外）・一部デザイン・デザイン改修
制作ツール: Photoshop / Dreamweaver
ポイント: ・掲載店舗の詳細ページの制作において、リニューアル前のNasse naviで掲載していた情報を整理して、ユーザーにストレスを与えないように情報の配置や配色などに気を付けてコーディングを行った。
・総合トップのページでは、ラフを基に意図するものを制作できるように、レイアウトや見せ方を考えながら、解釈を間違えないよう、今までの経験を活かして制作することができた。

SDGs fukuoka

福岡市・福岡商工会議所

SDGs fukuoka

新規サイト制作

URL: https://fukuoka-sdgs.jp/
制作期間: 2022年4月下旬～2022年6月10日（約1ケ月半）
制作担当: Webコーディング（システム以外）
制作ツール: Illustrator（WEB用素材作成） / Dreamweaver
ポイント: ・TOPページ、スライダー内の画像とテキスト掲載箇所のバランスやヘッダーのロゴの表示サイズとメニューの配置やフォントのサイズ感に気を付けて、ファーストビューを整えるコーディングができた。
・企業紹介の詳細ページのテキストを囲んでいるカラフルな罫線をテキストの量に応じて、きれいに可変できるようにhtmlの記述とcssを上手く組み合わせて実装。

福岡おもてなし店舗（日本語版・英語版）

福岡市・福岡市役所

福岡おもてなし店舗（日本語版・英語版）

新規サイト制作

URL: https://fukuoka-experience.jp/ja/gourmet/（日本語版）
https://fukuoka-experience.jp/gourmet/（英語版）
制作期間: 2022年3月中旬～2022年4月27日（約1ケ月半）
制作担当: WEBコーディング（サポート・追加・修正箇所の対応）・画像トリミング
制作ツール: Illustrator / Photoshop / Dreamweaver
ポイント: ・サイトに追加・修正の依頼を受けて、cssが他のページデザインに影響がないようにセレクタの記述に気を付けてコーディングを行った。
・日本語版、英語版のTOPページのファーストビューの仕様変更にも柔軟に対応し、画像をどのようにトリミングするのがベストなのかを考えて制作することができた。

世界水泳おもてなし店舗募集

福岡市・福岡市役所

世界水泳おもてなし店舗募集

新規サイト制作

URL: https://fukuoka-omotenashi.jp/
制作期間: 2021年12月上旬～2021年12月20日（約2週間）
制作担当: Webコーディング（システム以外）
制作ツール: Illustrator（WEB用素材作成） / Dreamweaver
ポイント: ・テキストの量が多い箇所では、フォントサイズや行間、テキストとの間の余白のバランスに気を付けてコーディングを行った。
・制作していただいたPC用のトップ画像のデータを基に、スマホ用に編集し、画像の配置を考えてスマホ用のトップ画像を作成。

女子旅EXPO

自社運営サイト

女子旅EXPO

サイトリニューアル

URL: https://nasse.com/travelexpo/
制作期間: 2022年3月～2022年5月24日（約3ケ月）
制作担当: WEBコーディング・掲載画像のトリミング
制作ツール: Illustrator / Photoshop / Dreamweaver
ポイント: ・flexboxを仕様して、スマホ表示では、画像やテキストの表示順をcssで変更できるように設定し、柔軟なレイアウトを実装した。
・宿やレジャーなどの詳細ページのトップに設置しているスライダーの画像をcssでトリミングすることで、PC表示でのファーストビューの調整が可能になり、レスポンシブにも対応できるように設定。