flowerMetokWeb DesignCoding flowerMetokWeb DesignCoding flowerMetokWeb DesignCoding flowerMetokWeb DesignCoding
Metok モックアップ

Web Design

Metok(架空企業)

アオゾラ塗装ホームページモックアップ

制作期間

約1週間

使用ツール

Figma
HTML / CSS / JavaScript
Claude Code

種類

コーポレートサイト(花屋)

ターゲット

地域に暮らす幅広い年代の方
信頼できる地元業者を探している方

制作範囲

デザイン/コーディング/レスポンシブ対応

目的

来店・問い合わせ促進。
お店の雰囲気を伝え、気軽に足を運んでもらうきっかけをつくる。

コンセプト

チベット語で「花」を意味する"Metok(メトク)"。
その言葉が持つ静かで普遍的な美しさをイメージし、特別な日だけでなく、何気ない毎日にそっと花を添える街の花屋としての温かみを表現しました。
白と緑を基調としたナチュラルな配色で、花本来の色彩を引き立てています。

設計意図

「なんとなく花が欲しいな」と感じた瞬間に迷わず来店・問い合わせできるよう、シンプルで直感的な導線を設計。
季節の花やメニューをわかりやすく配置し、地域の方が日常的に訪れたくなる親しみやすいサイトを目指しました。
また、ヘッダーに電話番号と住所を常時表示することで、スマートフォン操作に不慣れな年配の方でも迷わず連絡・来店できるよう配慮しています。

Color Palette

#e8d5c4
#b5c4b1
#ffffff