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年組。趣味はオートキャンプ

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

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

関連記事

  1. 誤解されやすい「ユーザビリティ」。正しく理解するためのポイント(…

    Webサイトの制作・リニューアルにおいて、UIやUXと並んで重要なのがユーザビリティです。ユーザビリ…

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

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

  3. Webサイトとあわせて注目したい、制作会社選びの意外なポイント

    制作会社選びで失敗しないためには、制作会社自身のWebサイトとあわせて、制作会社からの連絡手段や対応…

  4. Macユーザーは注目。日常業務を効率化できる4つのMac専用アプ…

    日常的な業務用PCとしてMacを使っている方が増えてきているのではないでしょうか。以前のMacは映像…

  5. CV到達率によって方向性を見定める。「Google アナリティク…

    「Google アナリティクス」を用いた定量データによる現状把握・分析では、全体のセッション数をベー…

  6. ユーザビリティの高い再生方法&ナビゲーションとは?動画コンテンツ…

    オウンドメディアやコーポレートサイトなどで動画を配信する場合、尺や表示サイズ、掲載位置などとあわせて…

  7. 業界別に見るWebサイトのシネマグラフ活用事例

    GIFアニメーションや動画と静止画の組み合わせによって、被写体の一部だけに動きを与えるシネマグラフ。…

  8. 消費者の意見=ニーズではない?ユーザーアンケートの注意点

    Webサイトの課題の背景・理由を洗い出す定性データの把握・分析において、ユーザービリティテストと並ん…

PICKUP

PAGE TOP