ロゴ

it(  )te Official Website

Type
Website
URL
https://wild-arita-3119.namaste.jp
it(  )teのモックアップ

福岡県の薬院にあるカフェ「it(  )te」さまの公式Webサイトを制作させていただきました。クライアントのこだわりが詰め込まれたカフェの世界観を感じてもらえるよう物語のようなサイトにし、一緒に楽しみながらお店への興味関心を持っていただけるようなサイトを目指しました。

it(  )te Official Website

/

it(  )te Official Website

/

it(  )te Official Website

/

it(  )te Official Website

/

it(  )te Official Website

/

it(  )te Official Website

/

it(  )te Official Website

/

it(  )te Official Website

/

it(  )te Official Website

/

it(  )te Official Website

/

コンセプト

Concept

it(  )teで気づく日常の(  )

ターゲット

Target

同業者の方々、30代前後のカフェ好きの方々

課題

Problem

店舗が2階にあるため、店内の雰囲気が分かりづらい。
Instsagramを見て来店する方々はいるものの、リピーターに繋がらない。

目的

Purpose

カフェの雰囲気や込められた思いを知ってもらい、親近感を持ってもらうため。

情報設計

Information

カフェや人に対するクライアントの思いがしっかり伝わるよう、物語のようなサイト構成にしました。文章量が多いため、シンプルさはありつつもワクワク感を味わうことができる、見飽きないような設計を意識しました。

デザイン

Design

at homeなお店にしたいというクライアントの思いを表現するために、ファーストビューは明るく柔らかいデザインにしました。壁の和紙、カウンターの質感、天窓など、全体を通して店内の要素を散りばめ、さらに音楽を埋め込むことで実際に物語に入り込んだような世界観に仕上げました。日常で当たり前のように感じている「光、つながり、ワクワク、希望」を各セクションで再認識してもらえるようなデザインにしています。

制作範囲

Range

企画・ワイヤーフレーム:1週間

デザイン:2週間

コーディング:3週間

使用ツール

Tools

Illustrator / Photoshop / Figma / Visual Studio Code
pcのスクリーンショット
spのスクリーンショット1
spのスクリーンショット2
spのスクリーンショット3

website

it( )te Official Website

website

Saara Aoki Portfolio