柴田竹思

フリーランス12年のWebディレクター/Webデザイナー/フロントエンドエンジニア。そ…

柴田竹思

フリーランス12年のWebディレクター/Webデザイナー/フロントエンドエンジニア。その前はカナダのカルガリーでストリートミュージシャンしたり、西アフリカ世界最貧国シエラレオネで小学校の校庭を整備して子どもらとサッカーしたり。今は日本とベトナムを行ったり来たり。一児の父。

記事一覧

【WebサイトリニューアルレポートVol.07】一旦白紙に戻してみる

下層ページのデザインまでほぼ完了していたが、ここでまさかの白紙に戻すことにした。 まったくゼロから作り直す必要はないかもしれないけど、今のところはどこまで手戻り…

柴田竹思
3日前
1

【WebサイトリニューアルレポートVol.06】事業紹介ページデザイン完成

事業紹介ページデザイン完成。 事業紹介は今後下層ページが10P〜で追加される予定なので、それを見越してリンク設置するスペースを確保しておく。 各事業ブロックにマウス…

柴田竹思
6日前
2

【WebサイトリニューアルレポートVol.05】事務所案内ページデザイン完成

事務所案内ページデザイン完成。 BIOGRAPHY(自己紹介)はnoteとかいろんなメディアで使っている自己紹介を加工して使う予定。 position:sticky;かなんかで、一番上までス…

柴田竹思
7日前
6

【WebサイトリニューアルレポートVol.04】トップページデザイン制作 2/2

事務所サイトリニューアル、トップページデザインがとりあえず完成。 トンマナも固まってきたので、下層ページデザインも引き続き進める感じで。 FV直下に各サービス紹介…

柴田竹思
10日前

【WebサイトリニューアルレポートVol.03】トップページデザイン制作 1/2

サイト設計とワイヤーフレーム(WF)の内容を踏まえて、トップページのデザイン制作中。 できるだけ画像を使わず、CSSメインでビジュアルデザインを整えていく方向なので…

柴田竹思
13日前
3

レビューサイトなんて当てにならない

お店を探すとき、レビューサイトを利用する人は多いと思います。 でも、レビューサイトに掲載されている情報って、どこまで当てにしていいか微妙じゃないでしょうか? 今…

柴田竹思
2週間前

【WebサイトリニューアルレポートVol.02】原稿とワイヤーフレーム(WF)の作成

前回の内容を踏まえ、原稿(各ページに掲載するテキスト)とサイトマップ、ワイヤーフレーム(WF)を作成しました。 サイトマップはこんな感じになりました。 各ページの…

柴田竹思
3週間前

【WebサイトリニューアルレポートVol.01】なぜリニューアルするのか?目的と課題、解決策を整理する

現在、僕の事務所では事業用サイトのリニューアルを進めておりまして、せっかくなので進捗状況をレポートにまとめてみようと思います。 現状の課題とリニューアルの目的現…

柴田竹思
4週間前
3

自己紹介

柴田竹思(しばたたけし)。Webデザイナー/フロントエンジニアとして活動後、フリーランスのWebディレクターへ。愛知県出身、神戸とベトナムの二拠点生活中。一児の父で奥…

柴田竹思
4週間前
22

Webサイトにユニバーサルデザインは必要なのか?

何年か前から、ユニバーサルデザインの考え方をWebサイトに持ち込もう的な話を見聞きするようになってきた。 これを読んでくれているあなたも、もしかしたらX(旧Twitter…

柴田竹思
3か月前
13

遊びがないものは、息苦しい。

最近はWebを使うときに、なんとなく苦痛というか、息苦しさみたいなものを感じることが少なくない。 その理由を考えてみたところ、以前に比べて「遊び」というか「隙」と…

柴田竹思
6か月前
6

息子との日常~トイレ掃除デビュー~

息子は遊びに夢中でトイレをギリギリまで我慢したり、早く遊びに復帰したくてノールックでおしっこしたりするので、用足し後はトイレがひどく汚れていることがある。 普段…

柴田竹思
1年前
6

場所が変わると、何が正しいかも変わる。

アフリカのある国に滞在中、明け方にけたたましい犬の鳴き声で目が覚めた。 カーテンの隙間から外をのぞくと、家の前の広場を挟んで向かいの家で、年配の女性が木の棒を何…

柴田竹思
2年前
3
【WebサイトリニューアルレポートVol.07】一旦白紙に戻してみる

【WebサイトリニューアルレポートVol.07】一旦白紙に戻してみる

下層ページのデザインまでほぼ完了していたが、ここでまさかの白紙に戻すことにした。

まったくゼロから作り直す必要はないかもしれないけど、今のところはどこまで手戻りするか不明。

とりあえず、現状で問題を感じているのは以下の点。

訴求ポイントがズレている僕は今、自分の周りのクリエイターさんへ仕事をもっと回せるように、人のつながりとか仕組みを構築している真っ最中だ。

日本のクリエイティブ業界って中

もっとみる
【WebサイトリニューアルレポートVol.06】事業紹介ページデザイン完成

【WebサイトリニューアルレポートVol.06】事業紹介ページデザイン完成

事業紹介ページデザイン完成。

事業紹介は今後下層ページが10P〜で追加される予定なので、それを見越してリンク設置するスペースを確保しておく。
各事業ブロックにマウスホバーすると透過の背景画像がボワっと浮かび上がるイメージ。

レイアウトとしては簡素だけど、アニメーションの付け方でどこまで工夫できるのか試してみたいというのもある。

そしてFVの画像だけど、これ切って貼ってとか何もしてない写真なん

もっとみる
【WebサイトリニューアルレポートVol.05】事務所案内ページデザイン完成

【WebサイトリニューアルレポートVol.05】事務所案内ページデザイン完成

事務所案内ページデザイン完成。

BIOGRAPHY(自己紹介)はnoteとかいろんなメディアで使っている自己紹介を加工して使う予定。
position:sticky;かなんかで、一番上までスクロールしたら左側のコンテンツが固定される想定。

RESUME(職務経歴)のアニメーションどうしようかイメージが固まってないけど、ここは構築しながら考えるとする。
案件の中には画像を掲載できないものもあるの

もっとみる
【WebサイトリニューアルレポートVol.04】トップページデザイン制作 2/2

【WebサイトリニューアルレポートVol.04】トップページデザイン制作 2/2

事務所サイトリニューアル、トップページデザインがとりあえず完成。
トンマナも固まってきたので、下層ページデザインも引き続き進める感じで。

FV直下に各サービス紹介ページへのリンクを追加。

サービス紹介は継続的に拡充していく予定なので、この部分も小まめに手が加わるはず。
トップページでサイト公開後に手を加える機会が案外少ないことが多くて、検索エンジンに更新が伝わりづらい気がする。
そのため、あえ

もっとみる
【WebサイトリニューアルレポートVol.03】トップページデザイン制作 1/2

【WebサイトリニューアルレポートVol.03】トップページデザイン制作 1/2

サイト設計とワイヤーフレーム(WF)の内容を踏まえて、トップページのデザイン制作中。

できるだけ画像を使わず、CSSメインでビジュアルデザインを整えていく方向なので、その想定で進めています。

アニメーションはとりあえずCSS+JSで実装しますが、今three.jsを鋭意習得中のため、3Dアニメーションも追加できればと考えています。

今のところトップデザイン作りつつ、トンマナを掴んでいる段階。

もっとみる
レビューサイトなんて当てにならない

レビューサイトなんて当てにならない

お店を探すとき、レビューサイトを利用する人は多いと思います。
でも、レビューサイトに掲載されている情報って、どこまで当てにしていいか微妙じゃないでしょうか?

今回はレビューサイトに対する、僕の持論を述べてみようと思います。

レビューサイトの評価が微妙な理由

大体のレビューサイトって、★1〜5で評価したり、口コミを書き込めるような仕組みになっています。

ぱっと見ではお店の評判を定量的に比較・

もっとみる
【WebサイトリニューアルレポートVol.02】原稿とワイヤーフレーム(WF)の作成

【WebサイトリニューアルレポートVol.02】原稿とワイヤーフレーム(WF)の作成

前回の内容を踏まえ、原稿(各ページに掲載するテキスト)とサイトマップ、ワイヤーフレーム(WF)を作成しました。

サイトマップはこんな感じになりました。

各ページの内容各ページの内容は以下のような感じ。

トップページ

ぱっと見(1〜2秒くらい)で何のサイトか分かるようにしたいので、ファーストビュー(FV)には事業内容を的確に表現したキャッチコピーを配置します。

FV直下にはコンセプトとして

もっとみる
【WebサイトリニューアルレポートVol.01】なぜリニューアルするのか?目的と課題、解決策を整理する

【WebサイトリニューアルレポートVol.01】なぜリニューアルするのか?目的と課題、解決策を整理する

現在、僕の事務所では事業用サイトのリニューアルを進めておりまして、せっかくなので進捗状況をレポートにまとめてみようと思います。

現状の課題とリニューアルの目的現状やっている事業、今後力を入れていきたい事業と、現行サイトのコンテンツとの間にギャップが大きくなりつつあります。

現行サイトでは中小企業・個人事業主の事業用サイト制作という部分のみが特化されている印象ですが、現在はそれだけでなく、ランデ

もっとみる
自己紹介

自己紹介

柴田竹思(しばたたけし)。Webデザイナー/フロントエンジニアとして活動後、フリーランスのWebディレクターへ。愛知県出身、神戸とベトナムの二拠点生活中。一児の父で奥さんはベトナム人。

フリーランスになって12年(2024年時点)。官公庁から個人店舗まで、様々な規模・業種のWeb制作案件に携わる。関西圏を中心に日本全国対応。

以下にライフログとして、これまでの人生(略)をまとめてみます。

もっとみる
Webサイトにユニバーサルデザインは必要なのか?

Webサイトにユニバーサルデザインは必要なのか?

何年か前から、ユニバーサルデザインの考え方をWebサイトに持ち込もう的な話を見聞きするようになってきた。

これを読んでくれているあなたも、もしかしたらX(旧Twitter)やどこかのブログなんかで見かけたことがあるかもしれない。

今回は、Webデザインにユニバーサルデザインは必要なのか? という話をしたい。

はじめに言っておくと僕は、Webサイトにユニバーサルデザインを持ち込むことには懐疑的

もっとみる
遊びがないものは、息苦しい。

遊びがないものは、息苦しい。

最近はWebを使うときに、なんとなく苦痛というか、息苦しさみたいなものを感じることが少なくない。

その理由を考えてみたところ、以前に比べて「遊び」というか「隙」というか、自分で選び取る自由みたいなものが排除されすぎているのでは? と思うようになった。

Web制作界隈ではUI/UX設計という考え方があって、平たく言うとWebサービスを使いやすく、サービスを使う人(ユーザー)の体験まで設計しましょ

もっとみる
息子との日常~トイレ掃除デビュー~

息子との日常~トイレ掃除デビュー~

息子は遊びに夢中でトイレをギリギリまで我慢したり、早く遊びに復帰したくてノールックでおしっこしたりするので、用足し後はトイレがひどく汚れていることがある。

普段はその度に掃除をしていたが、息子が小学校に上がった節目ということで、トイレ掃除デビューさせることにした。

僕 :おい、Hくん(息子)。ちょっとトイレ掃除しよう。
息子:え~ やだ。
僕 :なんで。
息子:汚いから。
僕 :汚くしたのは誰

もっとみる
場所が変わると、何が正しいかも変わる。

場所が変わると、何が正しいかも変わる。

アフリカのある国に滞在中、明け方にけたたましい犬の鳴き声で目が覚めた。

カーテンの隙間から外をのぞくと、家の前の広場を挟んで向かいの家で、年配の女性が木の棒を何度も振り下ろすのが見えた。

何を叩いているのかは遮られて見えなかったが、先ほどから聞こえる悲鳴の主であることは容易に想像できた。

「嫌だな……」と思いながらも、実は犬や猫が折檻される場面は第三世界で度々目にしていたので、そのときも胸が

もっとみる