メインコンテンツへスキップ
 

マガジン一覧

Webとデザインのこと

Webサイトやデザイン制作のことについて書いた記事まとめ

大規模Webサイトリニューアル、根拠のある見積りの作り方

先日、約1300ページの大規模ウェブサイトリニューアル提案にあたり、見積書とその根拠をクライアントへ説明したところ「Shhhさんの見積りは、経験則によるざっくりとした概算ではなく、見積もりの根拠が明快なため大変分かりやすい」と嬉しい反応をいただきました。残念ながら諸条件が噛み合わず、その案件は受注とはなりませんでしたが、大規模ウェブサイトのリニューアルにあたり、私たちがどのように見積もりと、その根拠を提示しているかをnoteに記しておきます。 1. ページリストを作成する見

72

エレベーターピッチをカスタマイズ。「らしさ」をもっと深く描けるように。

エレベーターに乗っているくらいの短い時間でビジネスやサービス、プロダクトの核心を伝える文章をつくる手法のエレベーターピッチ。ターゲットユーザーや、顧客ニーズ、競合との差別化要因などを端的に整理することができるため、私たちは多くのプロジェクトで「自社らしさ」「サービスらしさ」などをまとめる際にワークショップとして取り入れています。 一般的なエレベーターピッチの文章構成は次のようになっています。 例えば、noteのエレベーターピッチを考えてみます。公開されているミッション・ビ

53

Webサイト制作の要件定義書の確認項目

プロジェクトのキックオフ前後に作成する要件定義書。確認の抜け漏れを最小限に抑えるには、どのようなことを記載しておくべきか。そして、メンバーへのスムーズな共有と、その後の円滑なプロジェクト進行のための、良い要件定義書とはどのようなものだろう。自分たち用のメモも兼ねて「Webサイト制作プロジェクトの要件定義書」の確認項目をnoteに整理してみます。 1. プロジェクト概要1-1. 背景 プロジェクトを発案するに至った背景です。現状の課題、ビジネス要件の変化、ユーザーの変化、社

862

<続編>Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開いた後の工程

以前、Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開く前の3ステップという記事を書きました。 この記事ではワイヤーフレームを作成するとき、FigmaやXDを開いて手を動かす前に、情報設計をどのように整理し、考えていくかについてまとめています。記事内でWebサイトでワイヤーフレームを作成するときに注意したい点として、下記のように書きました。 情報の優先度、情報の量、情報の回遊性といったIA(情報設計)を考え抜くことはワイヤーフレーム作成において最も重要です

673
もっとみる

映画と本と音楽のこと

見た映画と読んだ本と聞いた音楽の感想まとめ

2025年によかった本と音楽

2025年は大体30冊の本を読み、1058時間の音楽を聞きました。その中でも特に良かった5冊と5アルバムをまとめてみます。 中国手仕事紀行 / 奥村 忍みんげいおくむら店主による中国の雲南省・貴州省の各地に息づく手仕事を紹介する一冊。雲南省だけでも日本より広いという中国の広大な大地の村々を自らの足で訪ね、調理道具や雑器だけでなく服・お茶・料理・入れ墨など含めた多岐にわたる手仕事の数々が並ぶ。本をつくるにあたっては柳宗悦の『手仕事の日本』の中国版をつくるような気持ちで手掛けた

24

SANUのためのプレイリストを作成しました

「Live with nature. 自然と共に生きる。」を理念に掲げるライフスタイルブランドSANUのためのプレイリストを作成しました。 SANU 2nd Homeで配布されているタブロイド紙「SANU Journal」の紙面では、プレイリスト作成にあたっての想いやこだわりについても答えています。下記にも同様の内容を記載します。 どんなシーン、情景を思い浮かべて今回のプレイリストを作りましたか? また、どんなシーンで聞いて欲しいですか? 穏やかな快感。とでも呼べるでし

10

Shhh Inc. のプレイリスト 2025 Spring を公開しました

自社の印象やトーンといった情緒的価値を表すために、年に2回ほど作っているプレイリスト。今作はShhh Inc. 12個目のプレイリストです。デザインが言葉になる以前のもっと感覚的で不確かなもの。それを音の持つ風景に託しています。 プレイリストのカバー写真は仕事仲間のフォトグラファーやデザイナーの方々に選定を依頼しています。今回は北海道旭川に暮らす氏家くんに依頼。アメリカ全土を横断する旅から、オレゴンに戻ってくる時に撮影したという写真を選んでくれました。プレイリスト後半のヨ・

5

2024年に良かった本と音楽

2024年は大体60冊の本を読み、774時間の音楽を聞きました。その中でも特に良かった5冊と5アルバムをまとめてみます。 万延元年のフットボール/大江 健三郎とにかく密度が濃くて、読書中は周りの重力が数倍にもなったような重苦しさを感じた。映画で言えばタル・ベーラやヌリ・ビルゲ・ジェイランの作品の持つような重厚な密度が近いか。それでも一度読み出すと、止められないのは、文章の圧倒的な格好良さにある。1文、1単語、全ての文章がもう異常なほど格好いい。例えば今ページをパラパラとめく

36
もっとみる

English Articles

Articles written about website and design production

How Much to Break Down into Tasks to Get the Website Built?

It is often thought that a WBS is a Gantt chart of a schedule, but in fact it is important not only for scheduling, but also for estimating and assigning tasks with high accuracy. For example, by creating a WBS, it is possible to visualize

2

How to create a website wireframe - 3 steps before opening Figma or XD

I recently created wireframes for a large 1500-page corporate website with a team that included a production manager, a designer, a technical director, and an assistant, all of whom had different skills and experience. I broke down the wire

1