2020
ドリルガイドをつかって ダボはぎをかんたんに 斜めも工夫して正確に
ウォールナットの端材で コーヒー用コースターを つくってみた
のこぎりでできる 余ったSPFでつくれる 木製カードホルダー
いろんな紙が入る ベニヤ合板でつくる シンプルな紙棚
ラワンランバーで作る ドレッサーや ランドリー用の棚
安価なカフェ風 無垢の鉢カバーを つくってみよう
折りたたみの 机の脚を 無垢材でDIY
デザイン事務所に あるような シンプルな本棚
薄っぺらな プログラミング入門 HTML&Javascript Part. 2
初心者が家具を つくるのに必要な工具3 電動工具編
初心者が家具を つくるのに必要な工具2 アナログ工具編
初心者が家具を つくるのに必要な工具1 基本道具編
安価なIKEAの デスクランプを アンティーク塗装
端材で作ったSPFの スピーカースタンドと スピーカーカバー
すごくかんたん 木製のゴミ箱を つくってみよう
カフェ風 壁をペンキで塗る 一軒家編
SPFでバーやカフェに ありそうなスツールを つくってみる
3密でお困りの 病院やお店の方へ 対策ツールの無料提供
DIY家具で使う 木材の種類と サイズ規格表
腰痛肩こり防止 カフェ/アトリエ風 机の脚をつくった
これでできるSPF塗装 塗料の種類と それぞれの効能
これでできるSPF塗装 無垢材SPFの カラーチャート
インダストリアルな時計 パラゴトロン ウォールクロック
カフェのような 無垢材の床にする 持ち家編
これでできるSPF塗装 塗装を成功させる 下地作り
賃貸でもできる 吊るすだけでできる 流木のハンガーラック
タイムオフエンジニア Engineer Aの 自己紹介
無垢材のプリンター キャビネットを つくった
薄っぺらな プログラミング入門 HTML&Javascript Part. 1
Engineer Aの どこでも待合室を つくった背景
かんたん3密回避 どこでも待合室への お誘い
Hashimotoの どこでも待合室を つくった背景
コロナの中でも 安心して来院や来店が できるように
ハンギングファイルの 木製フレームを つくってみました
ベニヤでつくる 木製の救急箱、 小道具箱
これでできるSPF塗装 初心者向け ステインの塗り方
Hashimoto
ドリルガイドをつかって ダボはぎをかんたんに 斜めも工夫して正確に
ウォールナットの端材で コーヒー用コースターを つくってみた
のこぎりでできる 余ったSPFでつくれる 木製カードホルダー
いろんな紙が入る ベニヤ合板でつくる シンプルな紙棚
ラワンランバーで作る ドレッサーや ランドリー用の棚
安価なカフェ風 無垢の鉢カバーを つくってみよう
折りたたみの 机の脚を 無垢材でDIY
デザイン事務所に あるような シンプルな本棚
初心者が家具を つくるのに必要な工具3 電動工具編
初心者が家具を つくるのに必要な工具2 アナログ工具編
初心者が家具を つくるのに必要な工具1 基本道具編
安価なIKEAの デスクランプを アンティーク塗装
端材で作ったSPFの スピーカースタンドと スピーカーカバー
すごくかんたん 木製のゴミ箱を つくってみよう
カフェ風 壁をペンキで塗る 一軒家編
SPFでバーやカフェに ありそうなスツールを つくってみる
3密でお困りの 病院やお店の方へ 対策ツールの無料提供
DIY家具で使う 木材の種類と サイズ規格表
腰痛肩こり防止 カフェ/アトリエ風 机の脚をつくった
これでできるSPF塗装 塗料の種類と それぞれの効能
これでできるSPF塗装 無垢材SPFの カラーチャート
インダストリアルな時計 パラゴトロン ウォールクロック
カフェのような 無垢材の床にする 持ち家編
これでできるSPF塗装 塗装を成功させる 下地作り
賃貸でもできる 吊るすだけでできる 流木のハンガーラック
無垢材のプリンター キャビネットを つくった
Hashimotoの どこでも待合室を つくった背景
コロナの中でも 安心して来院や来店が できるように
ハンギングファイルの 木製フレームを つくってみました
ベニヤでつくる 木製の救急箱、 小道具箱
これでできるSPF塗装 初心者向け ステインの塗り方

Parade Artist
Parade Artistの長期的な成功と芸術的な成長をサポートするために、著名なアーティストのプロデューサーであり、Parade Artistの代表である藤原亨さんと協力しました。 藤原亨さんは、数々の優れたアーティストをプロデュースしてきた経験豊かな方であり、わたしたちはParade Artistのブランディング、デザイン、そしてウェブサイト構築において専門的なサポートを提供しました。 このプロジェクトでは、Parade Artistの独自性とアーティスティックなビジョンを引き出すために、アーティストのウェブサイトも生成できるCMSを開発しました。Parade Artist
To support the long-term success and artistic growth of Parade Artist, we collaborated with Toru Fujihara, a renowned artist producer and the representative of Parade Artist. Fujiwara, with his extensive experience in producing exceptional artists, worked closely with us as we provided specialized support in branding, design, and website development for Parade Artist. In this project, we developed a Content Management System (CMS) capable of generating artist websites to bring out the uniqueness and artistic vision of Parade Artist.音楽業界の環境変化を受け、新たなアプローチが求められていました。 CDの売り上げ減少やライブ制約は課題となりましたが、この変化に対する解決策としてネットでの発信やベースとなるウェブサイトの立ち上げが必要になっていました。 藤原亨さんの経験と洞察力を活かし、業界変革に適応した独自の展開が求められていました。 わたしたちは藤原さんのビジョンを具現化するために、アーティストのイメージを効果的に伝えるウェブサイトとCMSの開発においてサポートしました。
In response to the changing landscape of the music industry, a fresh approach was needed. Challenges such as a decline in CD sales and restrictions on live performances emerged, highlighting the necessity for solutions that addressed these shifts. To adapt to this change, there was a need to establish an online presence and launch a foundational website. Leveraging the experience and insight of him, a unique strategy that aligned with industry transformation was sought.
私たちは、アーティストの魅力を最大限に引き出すため、ブランディングとウェブサイト構築の両面でプロジェクトを推進しました。 デザインは、パレード時に必要な「旗」を象徴的なロゴや意匠として活用しています。 このデザインアプローチによって、パレードという活気あるイベントの象徴である「旗」が、Parade Artistのブランドイメージとして存在感を発揮しています。
We drove both the branding and website development aspects of the project to maximize the artist's appeal. The design utilizes the "flag" as the symbolic logo and design required during the parade. Through this design approach, the "flag," a symbol of the vibrant event that is the parade, has a strong presence as the brand image of Parade Artist.
...
ウェブサイトにおいても、この「旗」は繰り返し使用され、統一感あるデザイン体験を提供しています。 テクノロジー面では、アーティストごとに個別のウェブサイトをCMSで作成し、効率的な情報更新を可能にしました。 また、ライブ情報の頻繁な更新を効率化するため、ウェブサイト内で自動連携するシステムを構築しました。
This "flag" was used repeatedly on the website to provide a unified design experience. On the technology side, a separate website was created for each artist using a CMS to enable efficient information updating. In addition, to streamline the frequent updating of live concert information, we built a system that automatically links within the website.
...
Parade Artist独自のCMSの導入により、ライブ情報の管理が円滑に行えるだけでなく、ファンにとっても最新の情報が容易にアクセス可能となりました。 さらに、ソーシャルメディアとの連携を強化し、TwitterやYouTubeなどのプラットフォームから自動的に情報を取得し、ウェブサイトで網羅的に提供するシステムを構築しました。
Parade Artist's proprietary CMS not only facilitates the smooth management of live concert information, but also makes the latest information easily accessible to fans. In addition, we have strengthened our ties with social media, creating a system that automatically retrieves information from platforms such as Twitter and YouTube and provides it comprehensively on our website.
...
...
ウェブサイトによって、アーティストの情報発信を一元化し、ファンとのコミュニケーションを強化しました。 藤原亨さんの豊かな経験と私たちの協力によって、音楽業界の変化に柔軟に対応し、アーティストの持つ魅力を活かしたプラットフォームを実現しました。
The website enabled artists to centralize their information dissemination and strengthen communication with their fans. Toru Fujihara's wealth of experience and our cooperation enabled us to create a platform that flexibly responds to changes in the music industry and capitalizes on the artists' unique appeal.
アーティストの個性を最大限に活かすため、アーティスト自身に手書きのイラストを依頼し、それをウェブサイト上で使用しています。 この取り組みにより、機械的な情報更新に人間らしさと温かみを加え、アーティストの独自性を引き立てています。
To truly capture the essence of the artists we work with, we have collaborated with them to create hand-drawn illustrations that are prominently featured on our website. This approach injects a sense of humanity into what can often be a mechanized process of updating information, allowing the artists' uniqueness to shine through.
...
...
スマートフォンの利用者にも快適にご利用いただけるよう、ウェブサイトはレスポンシブに設計されており、アーティストの個性がシームレスに表現されています。
Furthermore, our website is seamlessly accessible on smartphones, ensuring a user-friendly experience for all visitors. This responsiveness extends the artists' individuality to mobile users as well.
Timeoff独自の技術である合成ウェブフォントを使用しています。 この合成ウェブフォントは、Adobe Illustratorの合成フォント機能をそのままウェブサイトで表現できる画期的な技術です。 英語と日本語のバランスを調整することで、非常に美しい文字組みを実現しています。
We proudly employ our proprietary technology, the Composite Web Font, which seamlessly integrates Adobe Illustrator's composite font capabilities into our website. By carefully balancing English and Japanese fonts, we achieve an exceptionally beautiful typographic composition.
...
...
音源情報は、CMS上からSpotifyと連携することが可能です。 これにより、ウェブサイトを訪れたユーザーが、手軽にアーティストの音楽を視聴することができます。
We've integrated a feature into our CMS that seamlessly connects with Spotify, allowing website visitors to effortlessly stream the artists' music and enjoy their tracks.
アーティストごとのページは、CMS上で作成できるため、アーティストの個性に合わせた独自のデザインが実現できます。 これにより、アーティストのページが豊かな表現を備え、訪れる方々に深い洞察を提供します。 (ここでご紹介している画像は、著作権の都合上、一部実際のアーティストではない画像が使われています。 )
With the flexibility of our CMS, we've made it easy to create artist-specific pages that can be tailored to match their unique personalities. This empowers us to craft artist pages that are rich in expression and offer visitors profound insights into their artistry.
Release | 2022 |
---|---|
Credits | Planning: Timeoff Design: Yohei Hashimoto (Timeoff) Frontend: Yohei Hashimoto (Timeoff) Backend: Engineer A (Timeoff) |
Technologies | Wordpress Nuxt2+Typescript Composite web fonts |