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. renewal06

    位置が変われば再生率は2倍以上。Wista社のリサーチに見るWe…

    ますます身近なものになりつつある動画コンテンツ。最近では再生回数や視聴時間に加えて、「好感度」や「印…

  2. renewal09

    必要な数値だけを必要な切り口で確認。Google Analyti…

    コーポレートサイトやオウンドメディアを運営している企業のWeb担当者のなかには、効果測定ツールとして…

  3. 定量データでWebサイトの課題を見える化。「Google-アナリティクス」活用法1

    定量データでWebサイトの課題を見える化。「Google アナリ…

    Webサイトの現状把握&分析において、最初に取り組んでおきたいのがアクセス解析ツールを用いた定量デー…

  4. Webサイトのリニューアルのメリット&デメリット

    Webサイトのリニューアルのメリット&デメリット

    Webサイトは企業と消費者を結ぶビジネスには欠かすことのできない要素です。コンテンツの品質を向上させ…

  5. 「やだ…こんなにある…」Webサイトリニューアルで失敗する13の原因

    「やだ…こんなにある…」Webサイトリニューアルで失敗する13の…

    Webサイトをリニューアルして心機一転するのは非常に気持ちいいですよね!ただし、リニューアルに成功す…

  6. ペルソナ作成してますか?Webサイトリニューアル前の必須知識

    ペルソナ作成してますか?Webサイトリニューアル前の必須知識

    これからWebサイトリニューアルを控えている企画担当者の皆さん、「Webサイトのペルソナ作成していま…

  7. ストーリー・背景を含めて「リニューアルする目的」を整理する

    ストーリー・背景を含めて「リニューアルする目的」を整理する

    購買行動の変化や事業戦略の変更など、さまざまな要因によって必要になってくるWebサイトのリニューアル…

  8. renewal07

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

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

PICKUP

  1. ec05
  2. 【4】August_Smart_Lock
  3. renewal08
  4. Arlo Q
  5. 【5分で出来る】SEOの観点から見た魅力的なタイトルの付け方
  1. 福縁酒家|うまい!安い!中国人オーナー経営の本格中国料理
  2. beacon10
  3. 【リスティング広告】 ターゲットを選別して効果アップ。広告文のもう1つの役割
  4. renewal06
  5. web10
  6. web01
  7. バルセロナ
  8. Papa Mirano TRATTORIA |イタリア食文化を楽しく美味しく
  9. seo08
PAGE TOP