ROLE / 企画OUT / RESPONSIVE WEB
企画 / 情報設計 / UIデザイン
食べる前の期待をつくることを意識したサイト
IMAI CHISATO
PORTFOLIO
OCT. 2026
WEB & GRAPHIC DESIGN
Webサイトの
デザインと、
その周りの
ちょっとした制作
架空の店舗や個人を題材に、Webサイトとグラフィックを通して、
それぞれの世界観と、そこにしかない魅力を形にしました。
CREATIVE DIRECTION
WEB / PRINT / IDENTITY
00ABOUT THIS PORTFOLIO
DESIGN PRACTICE / 2026
それぞれの雰囲気に
合わせて作ってみました。
Webサイトを作るときは、見た目だけでなく、情報の並べ方や言葉づかい、色や素材の選び方も考えながら作りました。お店や人がどんな雰囲気なのかを想像して、それが画面から伝わるようにすることを一番に意識しています。
このポートフォリオには、授業の課題で作った4つのWebサイトと、それに関連して制作したチラシと名刺とパンフレット２種類、そして自主制作のWebサイト2つをまとめています。課題は架空のお店や人を想像し、サイトで決めた色や書体を紙のものにも使って、同じ雰囲気に見えるように作りました。
10
DESIGN
OUTPUTS
OUTPUTS
01SELECTED WORKS
WEB DESIGN
4つの課題を通した
デザイン実践。
各案件を選択すると、
制作の意図を確認できます。
ROLE / コンセプトOUT / EDITORIAL WEB
コンセプト / 編集設計 / UIデザイン
道具から始まる、毎日の食卓の読みもの。
ROLE / アートディレクションOUT / WEB + A4 PRINT
アートディレクション / Webデザイン / フライヤー
壁を変えることを、部屋の物語を選ぶことに。
ROLE / 企画OUT / RESPONSIVE WEB
企画 / 情報設計 / UIデザイン
誠実な診療が伝わる、通いたくなる歯科クリニックサイト
CASE FILE01 / 04
- PROJECT
- STACK
- AI TOOL
- ROLE
- DELIVERABLES
- KEYWORDS
- WEBSITE
- 作品を見る
02BRAND EXTENSIONS
GRAPHIC DESIGN
Webで組み立てたブランドの雰囲気を、手渡せる印刷物へ。媒体が変わっても同じ印象を保つことを考えて作りました。
AROLLO WALLPAPERS
SUMMER SALE FLYER
A4 / PRINT DESIGN
□ 作品を見る→深いボタニカルな壁紙とソファで眠る犬を主役に、静かな室内の豊かさを伝えるサマーセールチラシ。余白のあるセリフ体と控えめなゴールドで、ROLLOらしい上質な空気を保ちながら、開催期間と最大50%OFFを印象的に伝えました。
BSAMPLE DENTAL CLINIC
BUSINESS CARD
91 × 55 mm / IDENTITY
□ 作品を見る→淡いベージュのシンボルと余白で、医療機関らしい信頼感と相談しやすさを両立した名刺。表には院長・所在地、裏にはQRコードと診療時間を整理し、Webの予約導線までを一つの体験として設計しました。
CSAMPLE DENTAL CLINIC
BI-FOLD BROCHURE
A4 / 2つ折り / PRINT DESIGN
□ 作品を見る→
見開きで情報を一覧しやすく、クリニックのコンセプトや診療メニューをスムーズに伝えるA4・2つ折りのパンフレットです。 全体を通して、サロンのように洗練されたナチュラルなインテリア写真と柔らかなアースカラーで統一し、忙しい女性がリラックスして通える心地よい空間を視覚的に表現しました。 左側には「4つの約束」として医院の理念や安心感を丁寧に伝え、右側には診療項目や院内環境を分かりやすくゾーニング。情報をすっきりと整理しながらも、上質で信頼感のあるブランドイメージを構築しています。
DSAMPLE DENTAL CLINIC
TRI-FOLD BROCHURE
A4 / 3つ折り / PRINT DESIGN
□ 作品を見る→
手に取りやすく、段階的に情報を読み進められるA4・3つ折りのパンフレットです。 表紙はブランドの世界観を伝えるシンプルな構成にし、開いた瞬間に出迎える左側には院長のメッセージを配置することで、患者様のライフスタイルに寄り添う温かな姿勢をダイレクトに伝えます。 中面では「4つの約束」「診療メニュー」「院内環境・ホームケア」の3つの要素を美しく整理。限られた誌面の中で情報が煩雑にならないよう余白を活かし、トータルで口元の健康と美をサポートする医院の魅力を上品にまとめています。ここに説明文を入れてください。
03EXTRA WORK
WEB DESIGN
No.01
エアコン設置・取替えを手がける専門ショップのWebサイトです。ユーザーがサイトを訪れてから迷わず問い合わせへ進めるよう、画面上部に固定されたグローバルナビゲーションや、目立つオレンジ色の配色を採用したCTAボタンを配置し、スムーズな導線を設計しています。また、メインビジュアルには施工中の安心感が伝わる写真とキャッチコピーを大きく掲載することで、初めての訪問者にも一目で信頼感とサービスの特長が伝わるUIに仕上げています。
No.02
銀座で完全会員制を貫くクラブのWebサイトを制作しました。不特定多数への集客は目的とせず、既存のご贔屓客とそのご紹介者だけに向けて、来店前の期待感を静かに高めることに主眼を置いた設計です。求人情報も掲載していますが、人手不足を感じさせず、お店の格を損なわないバランスを意識しました。閉じた導線の中でいかに「特別感」を伝えるか、その一点を課題としたプロジェクトです。