DESIGN IT YOURSELF.

BUROKI


top

design

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

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

web

  • top
  • design
  • web
  • 初心者でも壁収納ができる「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のなかでもこのアイテムが気になる!」という方もいらっしゃると思うのでそれぞれの購入リンクも貼っておきますので、よかったらご覧くださいね。

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

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

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

web

明朝体フォントをアクセントに。IVARA LEARNのランディングページデザイン

当サイトにwebの制作実績として紹介させていただいている実績は、基本的にデザインとコーディングの両方を担当させていただいた制作案件がメインなの…

2025.04.09.

graphic

黒の用紙に活版印刷でグレードアップ。株式会社FORGEの名刺デザイン

昨年の9月に制作実績にて紹介している株式会社FORGEさまの名刺デザイン。 ブランドの世界観をより引き立てる。株式会社FORGEの名刺デザイン 名刺のデ…

2025.04.01.

goods

創業54周年。のぼり刃物店さんのロゴデザインと缶バッジ&ステッカー

毎年恒例としてお任せいただいている制作物が、今年も完成。 きたる2025年4月1日(火)、いつもお世話になっている大阪府茨木市にあるのぼり刃物店さ…

2025.03.27.

graphic

数字で各特徴を視覚的に伝える。ハイブアイキューのフライヤーデザイン

会社員時代の元同僚が働いている株式会社ハイブアイキューさまから、会社の強みや特徴を伝えられるチラシをデザインしてほしいというご依頼をいただ…

2025.03.17.

graphic

LPの世界観をさらに広げる。キシヒロエステートのフライヤーデザイン

いつもお世話になっているパートナーの辻本さん(株式会社FORGE)からのご紹介で、昨年末に久しぶりの紙媒体のデザインを制作させていただきました。…

2025.02.25.

graphic

6周年に向けて。BUROKI designの活版印刷名刺を新しく制作しました

BUROKI designは2019年5月に開業してから早5年。6年目を迎えています。 今まで使用していた名刺ですが実は2016年ごろに制作したもので、そこから開業…

2025.01.29.

designをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル