カタギリミワ Portfolio

おにぎり屋さん
(架空サイト)

ターゲット

20-30代の仕事が忙しい女性

サイトコンセプト

通勤のスキマ時間に一瞬で必要な情報が 確認できるシンプルなサイト

制作期間

2週間

使用ソフト

Adobe XD, Visual Studio Code, Affinity Desiner

コード

HTML5, CSS3, jQuery

サイトQ&A

Q1.どんなサイト?
・サイト自体をシンプルにしてパッと見てもわかりやすいサイト
・通勤通学の電車や昼休みの時間などスキマ時間で見ることを考慮した
Q2.サイト構成について
・コンビニでも手軽に買えるおにぎりと、お店で買うおにぎりの違いを表すために先にこだわりを記載
・味の種類が豊富であることを示すために写真付きのお品書きを次に記載
・お知らせは、初めてサイトを訪れた人にとっては重要ではないと思うので最後設置
Q3.色について
・日本国旗の白と赤を基調として、国産をイメージさせた
・白を基調とすることでできるだけシンプルに、必要な情報がパッと目に入るカラーにした
・文字はグレーにして、目に優しく、柔らかい雰囲気を出した
Q4.フォントについて
・女性OLをペルソナとしていたため丸みをおびたクレーで柔らかい雰囲気にした
・手作りのあたたかさや柔らかさを出した

全体

レスポンシブ