menu

モックアップ作成も自分でできる、便利なWeb制作ツール3選

リニューアル

WordPressやオンライン上の画像編集ソフトなどさまざまなツールが普及し、Webサイトの制作・リニューアルはより身近なものになりつつあります。以前はプランナーやデザイナー、エンジニアの仕事だったプロトタイピング(Webサイトのモデル作成)やWebインタ―フェイスの構築も、そうしたツールを使えば昔とは比べものにならないほど手軽に行えるようになりました。

もちろん、「自分はリテラシーに自信がないから‥」、「専門的な仕事は、やはりプロのデザイナーやエンジニアに任せたい」という方もいるかもしれませんが、企業のWeb担当者なら最低限の知識は持っていたいもの。モックアップ制作や簡単なデザインを覚えれば、コンテンツの更新にも役立ちます。初心者でも使いやすい、Web上で公開されている便利なWeb制作ツールをご紹介します。

Hotgloo
海外を中心に有力企業にも導入されているプロトタイピングツールです。シンプルな操作が特徴で、アイデアや企画の段階でWebサイトのアウトラインを大まかに形づくりたい時に向いています。また、2000種類以上のウィジェットやアイコンが提供されているので、レイアウトに行き詰まった際のヒントにもなるかもしれません。導入費用も比較的安価で、月額13ドル、27ドル、54ドルのプランが用意されています。

Powermockup
PowerPointのアドオンとして開発されたモックアップ制作ツールです。日本語には対応していませんが、ほぼすべての操作をドラッグ&ドロップで行えるため、プロトタイピングに慣れていない人でも直感的に使えます。インポート/エクスポートもPNG、JPEG、BMP、MP4、WMV、PDFなど豊富な形式に対応しており、Webサイトのモックアップだけでなく、コンテンツのレイアウトやスマートフォンアプリのUIを考える際にも使えるでしょう。

Ameba Ownd
「Ameba Ownd」は誰でも簡単にオリジナルのWebサイトを作ることを目的にリリースされたWebサイト構築ツールです。コーポレートサイトやポブログメディア、オンラインショップなど用途別のテンプレートが用意されており、スマートフォン向けサイトにも対応。いずれのテンプレートもトレンドをしっかり押さえたスタイリッシュなものに仕上がっているのが特徴で、多くの著名人や有名アーティストのWebサイトにも利用されています。

リニューアルに関するご依頼、ご相談、お見積はこちら

小野 良勝

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

web06Webサイトのコンテンツをどう見せるか。共有・拡散されやすい3つの手法

A&P with terrace|オープンテラスのアジアンリゾートA&P with terrace|オープンテラスのアジアンリゾート

関連記事

  1. webrenewal06

    ディレクション費、デザイン費‥気になる料金の内訳とは?~Webサ…

    これまでWebサイトのリニューアルを経験したことがある方のなかには、「制作会社の見積もりは今ひとつ分…

  2. 絞り過ぎず、仮説を立てる。具体的な施策を決める「CSF設定」

    絞り過ぎず、仮説を立てる。具体的な施策を決める「CSF設定」

    Webサイトをリニューアルする目的を具体的な数値に落とし込んでKGIを設定したら、次に取り組んでおき…

  3. ユーザー行動に隠されたストーリーを顕在化させるユーザビリティテスト

    ユーザー行動に隠されたストーリーを顕在化させるユーザビリティテス…

    「Google アナリティクス」やユーザーの行動を可視化するヒートマップなどを用いた分析はWebサイ…

  4. リニューアルをスムーズに進め、運用にもメリットをもたらすデッドライン設定

    リニューアルをスムーズに進め、運用にもメリットをもたらすデッドラ…

    Webサイトのリニューアルは社内外問わず多くの人が携わるプロジェクトです。リニューアルの要件を制作会…

  5. webrenewal08

    Webサイトの運用で起こりがちな3つのトラブル&対応方法について…

    Webサイトのデザインや機能はもちろん大切ですが、それ以上に大切なのが運用保守です。高い予算をかけて…

  6. googleAnalytics

    すべてのアクセスデータを見える化できる、Google アナリティ…

    Google アナリティクスの「行動フロー」という機能をご存知でしょうか? 「行動フロー」とは、We…

  7. ゴールはあくまでKGI。KPI設定において見落としがちなポイントとは?

    ゴールはあくまでKGI。KPI設定において見落としがちなポイント…

    事前の情報設計が成功へのキーポイントとなるWebサイトのリニューアル。とりわけKGI、KPI、CSF…

  8. renewal10

    Web制作/リニューアルの素材を効率的に管理できるオンラインツー…

    企業のコーポレートサイトなどをリニューアルする場合、社屋の外観写真や社内風景、商品画像といった素材は…

PICKUP

  1. web07
  2. ブログのネタがないという「言い訳」まだ言いますか?
  3. 意外と簡単?Webフォントの利用方法とメリット&デメリット
  4. ec06
  5. renewal01
  1. BLEBeacon10
  2. Zubie
  3. arvr01
  4. ちゃぶ屋 とんこつ らぁ麺 CHABUTON
  5. っかり把握しておきたいホームページリニューアルのデメリット
  6. Toymail
  7. ar-vr03
  8. seo06
  9. seo6
PAGE TOP