トヨタの窓口
TOYOTA · フロントエンドエンジニア
サービス診断と費用比較を中心に、フロントエンドの大部分を実装。複数経路を持つ質問フローと、形式の異なる車種・価格データを扱う比較画面を構築しました。
画面と詳細を見るLeo Matsuo.
Frontend engineer · Japan / Bali
複雑な条件を、迷わず使えるWeb体験へ。
診断・比較・予約など、データと状態が絡むフロントエンドを中心に、実装から公開後の運用まで担当してきました。見た目を再現するだけでなく、更新しやすさ、アクセシビリティ、既存資産との互換性まで考えてつくります。
info@leomatsuo.com ↗制作・改修に携わった仕事
フロントエンド制作 / 継続運用
LEXUS モデル比較
LEXUS · フロントエンドエンジニア
2台の選択状態を保ったまま、モデルごとに異なるスペックを見やすく比較。車種データの更新にも対応しやすい表示構成を実装しました。
画面と詳細を見るTOYOTA SUV
TOYOTA · フロントエンドエンジニア
一覧で選んだSUVを比較画面へ引き継ぎ、対象車種だけを並べて確認できる選択・比較フローを実装しました。
画面と詳細を見るLEXUS FLIGHT
LEXUS · フロントエンドエンジニア
大判写真とモーションを用いた日英対応サイトを実装。画像表示の負荷を抑えながら、キーボード操作や動きを減らす設定にも配慮しました。
画面と詳細を見るキッズトヨタ まなぶパーク
TOYOTA · フロントエンドエンジニア
記事や活動紹介を共通データから展開し、動画は必要なときだけ読み込む構成に。楽しさと無駄な通信を抑える設計を両立しました。
画面と詳細を見るVilla Rumah Wayan
VILLA RUMAH WAYAN · 予約管理の開発・改修
外部予約と直接予約が重なった際の調整を追跡可能にし、仮押さえを含む空室判定にも対応。予約運用の確認しやすさを高めました。
画面と詳細を見るSTEPHEN KNOLL 公式サイト — 継続運用・改修
KOSÉ · フロントエンドエンジニア
約6〜7年前に既存サイトを引き継ぎ、商品・ブランドコンテンツの追加や改修を継続。診断を含む既存構造との互換性を意識して運用しています。
画面と詳細を見るモロゾフ 歴代推し復活総選挙
MOROZOFF · フロントエンドエンジニア
モロゾフ95周年キャンペーンのフロントエンドを制作。歴代商品の年代別表示と、ティザーから結果発表までの段階的な公開更新を担当しました。
画面と詳細を見る仕事について
フロントエンドを中心に、制作チームの一員として実装・改修・運用に携わっています。掲載実績ではビジュアルデザインと実装の担当範囲を分けて紹介しています。
機能の前に、理由を聞く。
「この機能が欲しい」と聞いたとき、そのまま作る前に、なぜ必要なのかを考えます。要望の背景を理解し、目的に合った形で実装することを大切にしています。
次に読む人のことも考える。
公開後の運用では、担当者が変わることもあります。引き継いだ人が見ても理解しやすいコードを心がけ、作って終わりにならない実装を目指しています。
技術は、案件に合わせて。
慣れた技術だけにこだわらず、案件で必要な技術があれば学びながら対応します。何を使うかは、実現したいことや既存の環境に合わせて考えます。
相談できること
フロントエンドの新規実装、既存サイトの改修・更新、他社が制作したページの引き継ぎをご相談いただけます。バックエンドも、内容や規模によって対応可能です。
これまで、ここに掲載している以外にもさまざまな案件に携わってきました。特定の技術や実装内容に関する実績をご覧になりたい場合は、お気軽にお声がけください。
連絡先
制作のご相談はメールでどうぞ。依頼したい内容、現在のURL、希望時期があれば添えてください。
info@leomatsuo.com ↗