Portfolio
KinCafe
2022
Website
Web Design
Tools
WiX
overview
カフェのWebサイトをポートフォリオとしてWiXで制作しました。
I created a café website using WiX as part of my portfolio.
Target
20～40代の女性
Women in their 20s to 40s.
The Purpose
カフェのコンセプトをユーザーに全て伝えるため、Webサイトを見ただけでどのようなお店なのか分かるようにしたい
To fully convey the café’s concept to users, I aimed to create a website that instantly communicates what kind of place the café is just by looking at it.
Design Concept
自然に囲まれ佇むカフェ、読書をしながらホッと一息つける空間をイメージし、読書好きが集まるブックカフェとしての魅力を思う存分表現したWebサイトに仕上げました。
カフェの特徴であるブックシェアと読書会について詳しい情報を掲載し、ユーザーの理解度を深めています。また、基本的な情報とブックシェア・読書会の情報をスペーサーで区切ることによって情報の区切りをはっきりと行い、閲覧を行いやすくしました。
カフェのこだわりが垣間見える、まさにこだわりのWebサイトになりました。
I designed the website to fully express the charm of a book café nestled in nature—a relaxing space where visitors can unwind with a good book. It captures the atmosphere of a place where book lovers gather and enjoy peaceful moments.
The site includes detailed information about the café’s key features, such as book sharing and reading events, helping users better understand what makes this café special. By separating the basic information from the details about book sharing and reading sessions with spacers, I made the content easier to navigate and digest.
The result is a carefully crafted website that reflects the café’s dedication and attention to detail.
Idea
デザインはもちろん、文章にもこだわり抜きました。
「自然」を一つのテーマにしました。メインビジュアルにはカフェがあると想定した地域の大自然をダイナミックに使用しました。Photoshopで写真の色味を編集することにより、ドラマチックなイメージを持たせています。
配色はブラウン系統を軸にし、ナチュラルな雰囲気を出せるようにしました。
Webサイトに掲載している情報の文章をお店の方が語り掛けるような文体にすることによって、よりお店を身近に感じていただけるようにしました。ブックシェアや読書会という取り組みもあり、人とのつながりを大切にしているコンセプトから着想しています。
I paid close attention not only to the design but also to the writing.
The central theme of the website is “nature.” For the main visual, I used a dynamic image of the natural landscape surrounding the imagined location of the café. By editing the photo's color tones in Photoshop, I gave it a dramatic and immersive feel.
The color scheme centers around natural brown tones, creating a warm and earthy atmosphere.
The text throughout the site is written in a conversational tone, as if the café owner is speaking directly to the visitor. This approach helps make the café feel more approachable and personal. Inspired by the café’s emphasis on human connection—expressed through initiatives like book sharing and reading events—I aimed to reflect that warmth in both the content and the design.
