HUMOR in DESIGN and CREATIVE.

BUROKI


top

BUROKI design

デザイン

  • top
  • design
  • 初心者でも壁収納ができる「RoomMakit」のランディングページデザイン

初心者でも壁収納ができる「RoomMakit」のランディングページデザイン

web

  • top
  • design
  • 初心者でも壁収納ができる「RoomMakit」のランディングページデザイン

初心者でも壁収納ができる「RoomMakit」のランディングページデザイン

2019.09.09.

スポンサーリンク

先週の金曜日にボクがフリーランスになる前に在籍していた会社のECサイトがリニューアルされました。ボクはリニューアルの話があった頃の6月から制作で関わっていて、6月から8月までの3ヶ月、新しいECサイトのTOPページやカテゴリページ、商品ページなどいろんなページ制作を担当していました。

ECサイトは取扱う商品数でサイトやページの構造は全然違うものになるし、ひとつの商品だけを見せるページはもちろんその商品の世界観を見せるページになるのでサイト全体のテイストとはまた違うページをつくることになります。

サイト全体の紹介はまたの機会にするとして、今回はDIY FACTORYがいまイチ押しのオリジナルDIYキット「RoomMakit(ルームメキット)」のLP(ランディングページ)のデザインを紹介しようと思います。

会社に出向いて撮影も担当

ページをつくっていく前に、まずは載せたい文章や写真などの素材が必要です。ある程度あとから修正できるものの、写真や動画は前もって準備しておいたほうがスムーズです。写真のテイストによってページ全体のデザインに影響が出たりしますしね。

なので依頼があったこともあり、前職までカメラを持って出向き、まずはLPに載せる用の写真撮影をしました。撮影用のカメラを持っている会社ってけっこう少なく、持っていても古いものや低価格のカメラだったりしていい写真が撮れない場合も多いです。そんなケースも想定してボクは一眼レフカメラ「Panasonic GH5」を昨年購入しました。今回は役立てることができてうれしいです(笑)。

撮影したRoomMakitの写真たち

webサイト制作に写真が必要で、でもカメラマンに撮影をお願いできるまでの余裕がないという方は、ぜひボクにご相談ください。カメラマンよりは値段は融通がきくと思います。

全体のテイストは「初心者でもできる雰囲気」でわかりやすく

実は、このRoomMakitのLPは他のデザイナーによってつくられたものが以前にも存在していたんです。そのLPも今回のリニューアルで見せ方も一新しました。その見せ方はボクに任せてもらえたので、できるだけわかりやすく、DIY初心者の人でも試してみたくなるようなデザインテイストを意識してつくりました。

特徴画像

簡単なロゴから制作することになったので、制作スケジュール的には少しタイトではありましたが・・キットに入っているアイテムをひとつひとつしっかり紹介することと、このキットで何ができるのか、どんな部屋にすることができて今後にどう役立つのか。そういう部分も考えながらデザインしていきました。

メインビジュアル

RoomMakitにはたくさんのアイテムがキットとして入っていて、

  • 1×4(ワンバイフォー)のSPF材
  • おしぼり感覚で塗装できる「ペーパーステイン」
  • 収納に役立つ「インテリアウォールバー」
  • カギなどの金属が強力にくっつく「マグネットバー」

などがセットになっています。
賃貸マンションなどでも使えるように配慮されているので、賃貸ぐらしの人でも安心してDIYできるというメリットも考えられていますよ。(前職の商品の宣伝をしていますがノーギャラです 笑)

そのキットをできるだけ魅力的に伝える・・そんなLPにつくりかえました。

もちろんレスポンシブデザインでスマホ対応

もはや当たり前なんですけど、ボクがページ制作するときはレスポンシブデザイン(1枚のページでいろんなモニターの大きさに対応するwebページデザインのことです)で、スマートフォンならスマートフォンでの見せ方でつくります。最近ではiPadなどのタブレット端末でもちゃんと表示されるようにつくっていますね。

スマホのページデザイン

1枚のページでPC、タブレット、スマホとそれぞれのデバイスで最適化表示するということは、「1枚のページに対して3種類の見せ方を設定している」ということです。

それぞれのデバイスでも同じ世界観を保ちながら制作することは決して容易なことではなく、レイアウトももちろんモニターの大きさによって変わってきますし、ページ読み込みの速度の問題もあります。いろんな問題をクリアしながら最適なページをつくるように心がけています。

送料無料で1,980円!RoomMakitのご購入はこちらから

価格もかなり魅力的なキットで、これだけアイテムが入ってなんと日本全国どこでも送料無料で1,980円(税込)。DIYをこれからはじめようとしている人は、このキットならいろんなDIYを体験できて今後のDIYにもつながる思うので、よかったら試してみてください。

キットではなくそれぞれのアイテムも購入できます

「このRoomMakitのなかでもこのアイテムが気になる!」という方もいらっしゃると思うのでそれぞれの購入リンクも貼っておきますので、よかったらご覧くださいね。

created by Rinker
DIY FACTORY
¥1,400 (2019/09/16 22:02:23時点 Amazon調べ-詳細)
created by Rinker
アイワ金属
¥575 (2019/09/16 22:02:24時点 Amazon調べ-詳細)

ここ数ヶ月で制作してきたwebサイトやLPがようやく公開されてきたので、webデザイン作品もできるだけ紹介していこうと思います。

実際のページは下記のリンクよりご覧ください。
※ページによってはクローズしてることもありますので、その際はご容赦ください。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめまして! BUROKIです。

ブログをご覧いただきどうもありがとうございます。ブロキと申します。ベンチャー企業のインハウスデザイナーとして11年間様々な媒体のデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います。(笑)

他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。

ブログをご覧いただきどうもありがとうございます。他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

design list

デザイン作品一覧

web

new

元ラクビー日本代表・廣瀬俊朗さんが立ち上げた「株式会社HiRAKU」のwebサイトデザイン

元ラクビー日本代表・廣瀬俊朗さんが立ち上げた「株式会社HiRAKU」のwebサイ...

唐突ですが、日曜日に最終回を迎えたTBSドラマ「ノーサイド・ゲーム」をご覧になっていましたか? そのノーサイド・ゲームに出演していた元ラグビー…

2019.09.17.

logo

new

サイコロトークをもっと楽しむ!「ダイトーーク」のロゴデザイン

サイコロトークをもっと楽しむ!「ダイトーーク」のロゴデザイン

前職には毎朝の朝礼時にミニコーナーがあって、そのコーナー内でいろんなイベントというか、スタッフ全員が楽しめるような催し物をしていたんですね…

2019.09.13.

web

初心者でも壁収納ができる「RoomMakit」のランディングページデザイン

初心者でも壁収納ができる「RoomMakit」のランディングページデザイン

先週の金曜日にボクがフリーランスになる前に在籍していた会社のECサイトがリニューアルされました。ボクはリニューアルの話があった頃の6月から制作…

2019.09.09.

graphic

デザイナーが持つ名刺デザインは1種類だけじゃなくてもいいと思う

デザイナーが持つ名刺デザインは1種類だけじゃなくてもいいと思う

クライアントさまに渡す名刺は以前このサイトでも紹介した活版印刷で制作した名刺をお渡しさせていただいております。 しかし活版印刷名刺にはひとつ…

2019.09.01.

graphic

エレガントなカラーと要素でつくる。プレゼン資料デザインその4

エレガントなカラーと要素でつくる。プレゼン資料デザインその4

プレゼン資料のデザイン、どんなものがいいのか、それともプレゼン資料のデザインそのものを学びたいのかはわかりませんが、ボクのこのwebサイトで紹…

2019.08.24.

logo

工具とカフェのコラボ?DIY FACTORY cafeのロゴデザイン

工具とカフェのコラボ?DIY FACTORY cafeのロゴデザイン

2018年の冬ごろの話ですが、オリジナル商品(主に塗料関係)の開発のときに「カフェテイストのアイテムをシリーズにして売り出していこう」という流…

2019.08.11.

all design list

Latest contents

最新コンテンツ一覧

Do you like "B"?

最後まで見てくださって、本当にありがとうございます。

最後まで見てくださって、
本当にありがとうございます。

topトップページ

aboutブロキについて

designデザイン

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル