MOCK SHOWCASE

TERRAS.design | 架空店舗モック見本市

北海道 × 食 × ハンドメイドをテーマにした、架空店舗のWebデザインモック集です。具体的な依頼を想定したOIMONEを主役に、異なる配色・書体・トーンの見本を並べています。

Summer

2026年夏、第1期スコープとして制作した6モック。すいか・レモン・トマト・とうもろこし・地サイダー・かき氷。

産直スイカ農園直売
Suika
Biyori

すいかびより

すいかびより デスクトップ画面
すいかびより モバイル画面

サーモンピンク×スイカ緑。丸ゴシックで朗らかな直売所LP。

Click →
レモネードスタンド
Lemon
Days

レモネードスタンド Lemon Days

Lemon Days デスクトップ画面
Lemon Days モバイル画面

レモンイエロー×水色。欧文セリフで爽やかなブランドLP。

Click →
トマト農園 直売・定期便
Tomato Batake
no Akari

とまと畑のあかり

とまと畑のあかり デスクトップ画面
とまと畑のあかり モバイル画面

トマト赤×生成り。明朝体で温かみのある産直系LP。

Click →
札幌 焼きとうきびワゴン
Kimi no
Tokibi

きみのとうきび

きみのとうきび デスクトップ画面
きみのとうきび モバイル画面

コーン黄×空色。夏祭りの屋台感あふれるポップなLP。

Click →
レトロ地サイダー ブランド
Shuwa Shuwa
Do

シュワシュワ堂

シュワシュワ堂 デスクトップ画面
シュワシュワ堂 モバイル画面

ラムネ瓶ブルー×クリーム白。昭和純喫茶感の明朝ブランドサイト。

Click →
かき氷店
Kori-ya
Fuwari

こおりや ふわり

こおりや ふわり デスクトップ画面
こおりや ふわり モバイル画面

白ベース×パステル。細ゴシックでふわふわ涼しげなLP。

Click →
Autumn

2026年秋、焼きいも専門店のWebモックと、SATSUMAIMOの紙面zine。

HOKKAIDO SWEET POTATO
Satsuma
imo

SATSUMAIMO

SATSUMAIMO デスクトップ画面
SATSUMAIMO モバイル画面

マゼンタ×クリーム×金橙。紙面作品を縦に開く、秋のSWEET POTATO zine。

Click →
HOKKAIDO / EVENT & YAKIIMO
OIMONE

焼きいも専門店 OIMONE

OIMONEのデスクトップ画面
OIMONEのモバイル画面

お店の紹介から商品一覧・詳細、カート、イベント、店舗情報までそろえた架空店舗サイト。

Click →
Compe

同じ「さつまいものお菓子屋」を、作風だけ変えて3案。どれがお好みですか?

A案 ・ 石窯の焼き菓子工房
Kogane
gama

こがね窯

こがね窯 デスクトップ画面
こがね窯 モバイル画面

生成り×焼けた橙。丸ゴシックで、窯出しほくほく。「窯を開けると、甘い湯気。」

Click →
B案 ・ 節気の芋菓子(和菓子)
Imo
goyomi

芋暦

芋暦 デスクトップ画面
芋暦 モバイル画面

紅×金×生成り。丸みのある明朝と、縦組みの節気。「白露、茶巾がはじまります。」

Click →
C案 ・ 昭和のおいもパーラー
Imojuu
Parlor

芋十

芋十 デスクトップ画面
芋十 モバイル画面

臙脂×クリーム×タイルの緑。署名は喫茶の庇ストライプ。「秋は、甘いものの季節です。」

Click →
Pumpkin

同じ「かぼちゃのお店」を、作風だけ変えて3案。スープ屋・摘み取り畑・ランタン工房。

A案 ・ かぼちゃのスープ屋
Kutsu
kutsu

くつくつ

くつくつ デスクトップ画面
くつくつ モバイル画面

生成り×かぼちゃ黄×ヘタの緑。朝から鍋で煮る量り売りのスープ屋。「鍋が空っぽになったら、その日はおしまいです。」

Click →
B案 ・ かぼちゃの摘み取り畑
Manmaru
Farm

まんまる農園

まんまる農園 デスクトップ画面
まんまる農園 モバイル画面

夕暮れの畑色と、手書きのクレー書体。摘み取り体験のできる直売農園。「まるいのも、ふぞろいのも、ぜんぶ美味しいです。」

Click →
C案 ・ かぼちゃランタンの工房
Tomo
shibi

ともしび

ともしび デスクトップ画面
ともしび モバイル画面

炭色×ランタンの橙×紫。遊び心のある、日暮れの灯り。「顔ひとつで、その日の気分が決まります。」10月はハロウィン仕様の夜市も。

Click →
いくら予報

海と年級の条件から、今季と数年先のいくらの流れを読む長期予報の試作。公的情報と当サイトの推測を区別します。

調べる・比べる・買い物へ

いくら予報

ポップなイラストと時間軸で流れをつかみ、からくりを深掘り。最後に原資料・検証結果から情報の信頼性を確かめられます。

試作を開く →