Seasonal Harvest
季節の実り
季節ごとの実りを楽しむ時間。
猫たちと過ごす、小さな畑の記録。
Works / Web Design / ねこと畑のある暮らし
#SELF WORK運用中
ねこと畑のある暮らし／Cats & Kurashi
畑と猫のある暮らしを、日本語と英語、それぞれの読み手に届く形で発信している自主制作のサイトです。
- CLIENT
- 自主制作（運営）
- ROLE
- デザイン／撮影／文章／翻訳／構築／レスポンシブ対応／運用
- TOOL
- WordPress／Claude（コーディング補助・英訳チェック）
はじまり
畑と猫のある暮らしを伝えたくて、日本語のサイトから始めました。Instagram のリール動画をきっかけに海外の方にも見ていただけるようになり、日本語が読めない方にも届くよう、英語版を加えています。日本語版は「畑と猫」が主役のスローライフとして実家の畑をイメージした水彩画に、英語版は暮らしの道具と猫の写真を中心に、それぞれの読み手に合わせて作り分けました。
工夫
見て、ふれて、つい先へ進みたくなる。そんな小さな動きを、画面のあちこちに忍ばせています。実際の動きを再現しているので、画像にマウスを乗せてみてください。
マウスを乗せてみてください
Rare Harvests
Autumn Table
Seasonal Harvest
Rare Harvests
珍しい西洋野菜との出会い
珍しい西洋野菜との出会い。
少しずつ育つ姿を、季節と共に楽しんでいます。
Autumn Table
収穫を味わう時間
収穫した野菜を、季節の食卓へ。
簡単な料理や、おすすめの食べ方も紹介します。
POINT 1 日本語版
記録を、めくりたくなるカードに
「暮らしの記録」のカードは、マウスを乗せると写真がふわりとズームし、文字の色も少し変わって動きます。読んでみようかな、と思える小さなきっかけになればと考えました。
POINT 2 日本語版
色あせた写真が、鮮やかに
「畑のこと。」の写真は、ふだんは色あせた風合いにしておき、マウスを乗せると鮮やかな色がよみがえります。ほかにも、クリックできるボタンやカードにはそれぞれ動きをつけ、押せることが自然に伝わるようにしています。
マウスを乗せてみてください
- BEGINNER BASICS
初心者の頃に何から始めたのか
- SEASONAL GROWING
実際に育ててきた野菜と季節ごとの管理
- PRACTICAL LESSONS
成功した方法と失敗した原因
自動でくり返し再生しています
Cats & KurashiA LIFE WITH CATS & A GARDEN
POINT 3 ENGLISH
写真とタイトルが、ゆっくり現れる
トップのヒーロー写真は、少し寄った状態から1.5秒かけてゆっくりと引きながら現れ、タイトルは一拍おいて、下からそっと浮かび上がります。ページを開いた最初の一瞬で、静かな暮らしの空気が伝わるようにしました。
POINT 4 ENGLISH
思わず押したくなる、ふたつの入口
「Two ways in」の2枚のカードは、マウスを乗せるとふわりと浮き上がり、左端にテラコッタ色の線がすっと伸びて、見出しの色と矢印が動きます。道具の話からも、猫の話からも、思わず入っていきたくなる入口にしました。
マウスを乗せてみてください
Made in JapanTools & wisdomThe everyday objects and old-fashioned know-how of a Japanese home — a cast-iron kettle, a stack of local pottery, the summer ritual of putting up ume. Used for real.Explore the toolsLife with catsSeven rescued catsHarness walks, a bath-loving tabby, and the daily rhythm of a multi-cat home — the same cats you’ll find on Instagram and YouTube.Meet the cats
マウスを乗せてみてください
01Ume & Umeboshi 梅仕事The summer ritual of putting up ume — plum syrup, plum jam, a jar of plum liqueur, even blueberries steeping in whisky.Read the story
02Tetsubin 鉄瓶A cast-iron kettle that rounds out the water and, they say, adds a little iron. Heavy, slow, and made to last a lifetime.Read the story
03Mashiko ware 益子焼The pottery of my home town in Tochigi — the plates and bowls I choose each year at the Mashiko pottery fair.Read the story＋More, seasonallyA donabe for winter hot-pots, furoshiki for wrapping, a hand-forged knife… added when the season and the story are right.See all tools
01Ume & Umeboshi 梅仕事The summer ritual of putting up ume — plum syrup, plum jam, a jar of plum liqueur, even blueberries steeping in whisky.Read the story02Tetsubin 鉄瓶A cast-iron kettle that rounds out the water and, they say, adds a little iron. Heavy, slow, and made to last a lifetime.Read the story03Mashiko ware 益子焼The pottery of my home town in Tochigi — the plates and bowls I choose each year at the Mashiko pottery fair.Read the story＋More, seasonallyA donabe for winter hot-pots, furoshiki for wrapping, a hand-forged knife… added when the season and the story are right.See all toolsPOINT 5 ENGLISH
道具の写真が、色づく
「Made in Japan, used for real」のカードは、ふだんは写真の色を落として文字を読みやすくしておき、マウスを乗せると本来の色がよみがえり、写真が少しだけ寄ります。道具の質感や色合いが、よりまっすぐ伝わるように工夫しました。
スマホでの見え方
スマホでは、ブレイクポイントを細かく設定し、機種ごとに見やすくなるよう、文字や写真の大きさを一つずつ微調整しています。小さな画面でも窮屈さを感じないことを、いちばん大切にしました。
結果
SNS からサイトへ訪れてくださる方が、少しずつ増えています。