実案件とサンプル制作から、
見やすさと使いやすさの工夫をご紹介します。

レストランサイト

Zucchero e Sale

店舗の雰囲気と季節メニューを伝える飲食店サイト。来店前の安心感を意識しています。

担当 コンサル・デザイン・コーディング

カフェサイト

SOURCE 大山の清水カフェ

大山の清水の透明感を、水のゆらぎ・余白・澄んだ色づかいで表現したサンプルサイトです。

確認ポイント 世界観・アニメーション

1ページLP

KODAMA COFFEE（LP版）

森の奥の静けさと木漏れ日を、1ページで印象的に伝えるLPサンプルです。

確認ポイント 光の演出・余韻づくり

更新できるホームページ

Global Standard

事業内容を整理し、信頼につながる導線を設計したサンプルサイトです。

確認ポイント 信頼導線・更新設計

閲覧にはBasic認証が必要です。ユーザー名・パスワードはいずれも「demo」です。

WordPress化サイト

KODAMA COFFEE（WordPress版）

LPの世界観を引き継ぎ、下層ページとお知らせ投稿を備えたWordPressテーマへ展開したサイトです。

確認ポイント 7ページ構成・投稿機能

カフェサイト（WordPress）

OPEN CAFE

メニュー・お知らせを店舗側で更新できる、7ページ構成のWordPressカフェサイトサンプルです。

確認ポイント 情報設計・お知らせ機能

プログラミング教室LP

魔法のラボ

小学生向けプログラミングスクールを想定し、世界観から申し込みまでを1ページでつなぐLPサンプルです。

確認ポイント 世界観・情報設計・申し込み導線

HTML・CSS・JavaScript

WanderGlobe

世界の旅を紹介するメディア型サンプルです。情報量のある記事を読みやすくする構成を意識しました。

確認ポイント 記事導線・スマホ表示

体験型LP

KAIROS Orbit Studio

表現力とスクロール体験を確認するためのLPサンプルです。通常の店舗サイトより、演出を強めに設計しています。

確認ポイント 没入感・動きのある導線

Webアプリ

襲色目あそび

世界観の整理、図鑑、クイズ、誂え体験を組み合わせたWebアプリのサンプルです。

確認ポイント 世界観・体験設計

高級ヴィラサイト

刻の標

架空の高級ヴィラを題材に、静かな滞在の世界観と予約までの情報の流れを設計したサイトです。

確認ポイント 世界観・情報設計・予約導線

地域キャンペーン

#尾道地域キャンペーン

地域キャンペーンの特設ページを想定したサンプルです。SNSからの流れを意識して構成しました。

確認ポイント SNS連動・特設ページ

閲覧にはBasic認証が必要です。ユーザー名・パスワードはいずれも「demo」です。

チラシ・SNS画像

大山ブロッコリー｜チラシ制作サンプル

商品の魅力を、短い言葉・丸みのある文字・鮮やかな画像で伝えるチラシ。Instagramでの紹介画像も制作しました。

確認ポイント 商品紹介・言葉と画像の見せ方

整体院の1ページサイト

ひと息通り整体室｜整体院のサンプルサイト

架空の整体院を想定した自主制作サイトです。料金や来院前の疑問を整理し、空き確認から予約・変更・キャンセルまで試せるデモを制作しました。

確認ポイント 来院前の情報整理・予約の流れ

チラシ

キャンプ道具で楽しむ野点｜秋の紹介チラシ

手持ちのキャンプ道具で楽しむ野点を紹介する、自主制作のチラシです。抹茶と焚火のお芋、秋の練切りを組み合わせ、いつものキャンプにお茶の時間を取り入れる楽しみを伝えました。

確認ポイント 楽しみ方の紹介・秋の表現

SNSバナー

キャンプ道具で楽しむ野点｜SNSバナー4点

キャンプ道具と抹茶、焚火のお芋、季節の練切りを題材にした自主制作のSNSバナーです。同じテーマを4点に展開し、道具の新しい出番や、外で味わうお茶の時間を表現しました。

確認ポイント 見出しと構図の展開

動きの表現

エフェクトラボ（動きの見本帖）

サイトに取り入れられる動きや演出を、実際に触って比べられる見本集です。

確認ポイント アニメーション・操作体験