WORKS
VIEW ALL →01. 定番3カラムグリッドホバーで画像ズーム+タイトル浮上
SELECTED WORKS
2023 — 202502. ベントーグリッド大小ミックス / 1枚が2×2マス占有
Portfolio
PHOTOGRAPHY & WEB DESIGN
03. メイソンリーCSS columnsで高さ違いレンガ積み
04. 正方形タイルホバーで黒オーバーレイ+VIEW WORK
06. ポラロイド散らばり傾き+重なり / ホバーでまっすぐ浮上
PROJECTS
ジャンル別の代表実績
09. 円形サムネイルホバーで角丸長方形にモーフ
10. ミニマル2カラム余白広め / 偶数はオフセット配置
12. キャプションスライドイン下から+グラデスクリム
BEFORE / AFTER
ホバーでリニューアル後のデザインへ
14. ビフォー→アフター2枚目が横からスライド切替
15. ボーダー描画四辺が線で囲まれ+コーナーに矢印
FEATURED WORKS
マウスの位置でカードが傾きます
16. 3Dチルトマウス位置で傾き+光沢 / JS
17. カーテンオーバーレイ横から閉じてVIEW PROJECT+矢印
18. タイトルせり上がりマスクから文字出現+画像スロー ズーム
PICK UP WORKS
ホバーで有機的なかたちに変化
19. blobモーフborder-radiusが有機形に変形
GALLERY
作品の上でマウスを動かしてみてくださいVIEW
20. マウス追従VIEWラベル円ラベルがカーソルに追従 / JS
21. 行リスト+追従プレビューホバーで画像がカーソルに追従 / JS
22. 番号付き超大タイポ行ホバーで行がライムに反転
PROJECT INDEX
YEARPROJECTCLIENTCATEGORY
2025グローバル採用サイト構築株式会社NEXTEPWEB23. テーブル風リスト年/案件/クライアント/種別+サムネpop
24. 縦積み交互レイアウト画像とテキストが左右交互のケース紹介
WORKS TICKER — HOVERで停止
25. マーキー行作品名が流れる / ホバーで停止+下線
SHOWCASE
26. センターフォーカスカルーセル中央拡大+矢印送り / JS
WORKS DECK
カードをクリックで次の実績へ
27. スタックカード重なったカードをクリックで送る / JS
GALLERY
クリックで拡大 / ESC・背景クリックで閉じる28. ライトボックス拡大モーダル+キャプション / ESC・背景で閉じる
ARCHIVES
drag_panDRAGフレンチレストラン 公式サイトWEB / 2025
都市交通オープンデータ可視化DATA / 2025
歴史的建造物 保存アーカイブWEB / 2024
青果市場 卸売ECプラットフォームEC / 2024
ものづくり工房 会員コミュニティCOMMUNITY / 2023
デバイスメーカー 製品カタログWEB / 2023
29. ドラッグ横スクロールgrabカーソルで掴んでスクロール / JS
EC RENEWAL — 2025
ベーカリーカフェ「森のパン舎」
ベーカリーカフェ「森のパン舎」
通販サイト全面リニューアル
CV +180%購入率
2.6倍月間売上
-58%離脱率
「写真の見せ方から定期便の導線まで一緒に考えてもらえました。リニューアル後は遠方のお客様からの注文が目に見えて増えています。」
30. ケーススタディカード画像+成果数値+クライアントの声