redesign site

Hackberry

Hackberryサイトのファーストビューの画像

outline

制作期間:3ヶ月半
使用ソフト:Photoshop / Illustrator / Dreamweaver

デジタルハリウッド大阪校Webデザイナー専攻の卒業制作として、奈良県の今井町にある古民家カフェのリニューアルサイトを制作しました。
オーナー様へのサイトリニューアルの交渉から、ライティング、デザイン、コーディングまで一貫して行いました。来店客層、またターゲット層の女性に合わせ、シンプルながらも可愛らしさのあるデザインに仕上げております。

HackberryサイトのSPデザインの画像

view site

design

デザインコンセプトは、「読み込まなくても雰囲気が伝わるサイト」。
既存のサイトは情報量が少なくお店の雰囲気が伝わりづらいという課題がありました。課題とコンセプトを踏まえ、全体的にお店の写真を多く使用し、初めてWebサイトを訪れたユーザーにも初見でお店の雰囲気が伝わるようファーストビューには店内写真を配置しました。インテリアにもこだわりがあるお店のため、こだわりが伝わるよう、また、来店されたお客様の楽しみが増えるようにAboutページにはインテリアや内装の説明を加えています。

Hackberryサイトのトップページの画像1

Hackberryサイトのトップページの画像2

Hackberryサイトのアバウトページの画像1

Hackberryサイトのアバウトページの画像2

coding

マルチデバイスに対応できるリキッドデザインを採用し、ブレイクポイントを4箇所設定しました。
デザインがシンプルなため、Topページには動きを多く施し程よく色味が見えるよう配慮しました。AboutページはボリュームがありSPサイズでは縦に長くなってしまうため、ユーザビリティーを考えページ内切り替えのタブを設置しております。
Contactページのお問い合わせフォームはGoogleフォームとリンクさせ、個人情報の安全性を担保しました。

Hackberryサイトのコンタクトページの画像1

Hackberryサイトのコンタクトページの画像2

view site

back to index