強・用・美から考えるテーマデザインのヒント_前編

1.

強・用・美から考えるテーマデザインのヒント Mie WordPress Meetup #3

2.

有限会社アップルップル Webデザイナー 2018/04∼ 井斉花織人生初三重！自己紹介

3.

この1年でやったこと LP制作受託サイト制作自社イベントの宣伝美術自社プロダクトの公式テーマ作成

4.

コミュニティ活動 Adobe XD ユーザーグループ名古屋 Design Hack Nagoya

5.

「強・用・美」知ってますか？

6.

古代ローマ時代の城郭の設計者ヴィトルヴィウスが『建築十書』で述べた建築の三大要素強用美

7.

強：構造・耐震性・火災時の安全性・劣化の軽減

8.

用：機能・温熱環境・高齢者への配慮・家事動線

9.

美：意匠・プロポーション・デザイン・芸術性

10.

強がなければ、用はない強と用がなければ、美はないしかし美がなければ、建築ではない美用強 by ヴィトルヴィウス
“ “ “ “ “ “

11.

なぜ建築？

12.

    学生の頃の専攻：建築社会人の今：Web業界

13.

    学生の頃の専攻：建築社会人の今：Web業界似てるなぁ⋯

14.

「強・用・美」 Webサイトに置き換えると

15.

強：構造・サーバー・セキュリティ・マークアップ

16.

用：機能・ユーザビリティ・UI/UX ・アクセシビリティ

17.

美：意匠・デザイン・スタイリング

18.

デザイン/スタイリングユーザビリティ/UI/UX/アクセシビリティサーバー/セキュリティ/マークアップ美用強このヒエラルキーも成り立ちそう

19.

本日お話しするのが強・用・美テーマデザイン落とし込んだ話

20.

テーマデザインプロジェクトの概要

21.

自社で開発しているプロダクト a‑blog cmsの公式テーマ新テーマではなくリニューアル：インストールした時に入る：blog2018→blog2019

22.

blog2018 Before

23.

blog2019 after

24.

1 2 3 4 制作フロー

25.

1 2 3 4 制作フロー

26.

1.昨年テーマの見直し使っていて不便に感じた点トレンドとのギャップ初期搭載で望む機能

27.

1.昨年テーマの見直し著者紹介欲しい SPの最適化ヘッダー古い？全体幅微妙関連記事
欲しい記事一覧古い？ ⋯

28.

1 2 3 4 制作フロー

29.

1 2 3 4 制作フロー

30.

2.方向性の確立受注サイトの場合   受注側発注側ヒアリング

31.

2.方向性の確立テーマ作成の場合   制作側ユーザー見えない

32.

2.方向性の確立配布テーマなら   制作側ユーザー

33.

2.方向性の確立でも公式テーマは⋯  メディアサイト  日常ブログ  技術ブログ  アフィリエイト
みんなblog2019をカスタマイズする

34.

そこで

35.

ターゲットを絞り混まずに強・用・美テーマデザイン落とし込んでみる

36.

公式テーマの特徴  メディアサイト  日常ブログ  技術ブログ  アフィリエイトみんなblog2019をカスタマイズする

37.

美用強それぞれの性質は？

38.

美用強高低それぞれの性質は？専門性

39.

美用強高低カスタマイズ性易難それぞれの性質は？専門性

40.

となると

41.

は作り込み強用美は柔軟に扱いやすくは誰にでも受け入れられる

42.

そう、まるで

43.

無印良品の収納ケースそう、まるでのような

44.

方向性無印良品で売ってそうなテーマ組み合わせ自由自在！クセのないシンプルな形！

45.

続きは後編へ

強・用・美から考えるテーマデザインのヒント_前編

強・用・美から考えるテーマデザインのヒント_前編

Want more?

Transcript