DESIGN IT YOURSELF.

BUROKI


top

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

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

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

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

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

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

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

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

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

スポンサーリンク

design list

デザイン作品一覧

logo

アスリートを支援・マネジメントする「株式会社NewSPO.」のロゴデザイン

昨年はいろんなデザイン制作を任せてくださり、お世話になりまくった「SPOTAKA」を運営する株式会社スポーツタカハシさんですが、今年から新会社を「…

2020.03.26.

web

色褪せないシンプルさを追求。「アルコ トレーディング株式会社」のwebデザイン

昨年夏ごろに制作の依頼があって、その時はスケジュール的に対応できなかったのですが年末から制作を進めることができ、そこからコミュニケーション…

2020.03.10.

graphic

自作して使っていた歴代のiPhone用壁紙デザインたち

3月になりましたね。 朝ランニングしていると、日差しに春らしさが出てきているのを感じます。2020年ももう2ヶ月が経過・・早いですね。今月もBUROKI…

2020.03.03.

web

暮らしのメディア情報サイト「makit!(メキット)」のwebデザイン

最近はコーポレートサイトやお店のwebサイトなど、イメージ寄りのサイト制作が続いていましたが、昨年末に制作し、今年の1月に公開となった暮らしや…

2020.02.28.

graphic

統一感を意識してシンプルに。のぼり刃物店さんの縦型名刺デザイン

普段からロゴデザインやステッカー、ネームタグなどいろんな制作物を任せていただいている大阪・茨木市にある「のぼり刃物店」さんの名刺デザインが…

2020.02.20.

logo

社内コミュニケーションをデザインで活性化させる。「コミ活」のロゴデザイン

前職のベンチャー企業でインハウスデザイナーとして働いていたとき、ボクは仕事での制作以外に社内イベントや社内プレゼンなど、業務以外のところで…

2020.02.14.

designをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル