北欧雑貨オンラインショップとブログサイトのリニューアルデザイン

北欧のヴィンテージ食器などを取り扱うオンラインショップ「le petit bourgeon(ル プティ ブルジョン)」さんのショップサイトのリニューアルと新たにブログやレシピ・買い付け日記などのコンテンツをまとめたサイトのデザイン・構築をしました。
(バナー写真はフォトグラファーさん撮影)

リスのイラストが旧サイトの時から使われていたり、商品もあたたかみのある印象のものが多かったので、白と茶色をベースに、店名でもある芽のグリーンとオレンジをアクセントカラーにして親しみやすく使いやすいデザインを目指しました。

グローバルメニューは、内容が多いためPC版もスマホ版もmenuボタンクリックで全画面に広がる表示で、サイトマップを開いたようにアクセスしやすい設計にしました。

こちらは新規で立ち上げた、お知らせや買い付け日記などのコンテンツをまとめたサイト「kurashino-me」。
トップには最新記事がカテゴリー横断で並び、

各カテゴリー一覧ページは、フォーマットは同じながら英語の筆記体で大きめ&オレンジ色で表記したり、それぞれ違うイラストを配して何のページなのかわかりやすくしました。
北欧雑貨のオンラインショップ le petit bourgeon
よみものサイト kurashino-me
| サイトデザイン | サイト全体のページデザイン |
|---|---|
| システム導入 | ご自身で更新できるブログシステムを導入(ショップサイトはカラーミー使用) |
| コーディング | web上で見えるようにプログラムコードを設計 |
| SEO対策 | 検索にかかりやすくなるよう設計 |
| レスポンシブ化 | スマホで見たときはレイアウトが見やすく変化 |







