[Course]クリエイティブディレクター,カイト2_코가2 Details
トレーラー
クリエイティブチーム キテレツ
チームでのウェブサイト制作に特化し、Notionを用いたプロジェクトマネジメントや、Figmaでのデザインコラボレーション、Gitによるコードレビューなど、現場で求められるスキルを、実際のプロジェクトに参加する感覚で身に付けることができます。
そして、完成したデザインを基に、ヘッダーやメインビジュアル、インタラクションの実装を行います。その中で、コンテンツ更新の効率化や基本的なセキュリティ対策など、ウェブサイト公開後の運用を見据えた実装ノウハウを伝授します。
チームで作り上げる本格的なウェブサイト制作のプロセスを、Colosoで体験してください!
お試し動画
講座の様子を少しだけ公開します!
- 全体的なブラッシュアップ
受講生全員に提供
キテレツの講座だけの特典
-
キテレツの多様なウェブサイト制作ノウハウを含む、講座動画22講を期間制限なしで受講可能 -
講座を通して1点のウェブサイトを完成 -
例題制作用のFigmaファイルやソースコードなどの資料を提供
講義資料の詳細
-
プロジェクト用データ- プロジェクトで使用するNotionリンク -
講座で使用するファイル- 講座内容のFigmaファイル
- 例題制作用のFigmaファイル -
コーディング用データ- コーディング用のソースコード
- データベース
キテレツのポートフォリオ
講座の例題
例題を通して学ぶウェブサイト制作ノウハウ
-
プロジェクト管理 -
サイト設計 -
サイトデザイン
アニメーション・インタラクション
CMS構築
本番デプロイ
クリエイティブチーム
キテレツ
こんにちは。キテレツは、「人類を進歩させる良いものを作り、世界に貢献すること」をミッションに掲げたクリエイティブチームです。単なる制作会社ではなく、クライアントと共に課題を解決し、より良いサービスやプロダクトを共創するパートナーでありたいと考えています。
私たちは、企画・デザインから実装・運用まで一貫して手がけており、最新の技術とノウハウを活かした大規模なウェブサイト制作を得意としています。また、クリエイティブ業界全体の進歩に貢献したいという思いから、デザインや実装に関する知見や情報の発信にも積極的に取り組んでいます。

キテレツ
クリエイティブチーム
【著書】
『すいすいPhotoshopレッスン 1日少しずつはじめてプロの技術を身に付ける!』
『世界一わかりやすいPhotoshop 操作とデザインの教科書』(共著)
『著作権トラブル解決のバイブル! クリエイターのための権利の本』 (共著)
『世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書』(共著)
『世界一わかりやすいWordPress 導入とサイト制作の教科書』 (共著)
この講座のポイント
チームで作り上げる本格的なウェブサイト制作プロセス
単なるウェブサイト制作ではなく、実際の現場を想定した本格的なチーム制作のプロセスを体験することができます。Notionを用いたプロジェクトマネジメントや、Figmaでのデザインコラボレーション、Gitによるコードレビューなど、現場で必要とされる実践的なスキルを習得します。
ジャンルにとらわれないコンテンツ設計とビジュアル作り
あらゆるジャンルのウェブサイト制作に応用できる、コンテンツ設計とビジュアル表現の手法を学びます。特に、カスタム投稿タイプとブロックパターンを活用した柔軟なコンテンツ構築方法や、情報の優先順位の付け方など、ウェブサイト制作における基礎知識を身に付けていきます。
ウェブサイトの成長と運用を見据えた持続可能な実装ノウハウ
コンテンツの更新の効率化や、パフォーマンスとアクセシビリティを考慮した実装方法など、長期的なウェブサイト運用に必要な知識を解説。また、サイトの成長に合わせた拡張性の確保やSEO対策など、サイトの価値を継続的に高めていくための方法論も紹介します。
講座内容
下記のような内容を学べます。
-
チームによる実践的な開発フローGitHubでのバージョン管理やコードレビューなど、チーム開発に必要な一連の流れを体験。その中で、開発環境の統一方法からコミュニケーションの取り方まで、実践的なスキルを習得します。 -
情報設計からビジュアル表現までウェブサイトの要件定義から始まり、情報の優先順位付けやビジュアルデザインまで、ウェブサイト制作における一連のプロセスを身に付けることができます。 -
デザインエンジニアリングの実践コンポーネント設計やインタラクションの実装など、デザインとエンジニアリングを橋渡しするために必要となる技術を伝授します。
-
WordPressのカスタマイズ技術ブロックやパターンを活用した柔軟なコンテンツ管理の実現方法を学んだ上で、実務で必要となるカスタマイズスキルを身に付けます。 -
パフォーマンス・セキュリティ・アクセシビリティの基礎サイトの表示速度の最適化や基本的なセキュリティ対策、アクセシビリティ対応など、品質の高いウェブサイトに必要不可欠な要素について学びます。 -
デプロイと保守管理の実践メンテナンスを想定した設計から、本番環境へのデプロイ、公開後の保守管理まで、実際のウェブサイト運用に必要な一連の作業工程をお教えします。
- 無期限視聴
- 最安値
一回の購入で、期限の制限なく視聴することができます。
05/18 (月) 販売価格が上がります。
もうすぐ販売価格が上がる予定です。
今すぐご購入ください!
インタビュー
クリエイティブチーム
キテレツがお話ししたいこと
大規模案件では、デザインシステムの作成を通じて、サイト全体の一貫性を保ちつつ、効率的な制作フローを実現することが重要です。特にチーム制作では、デザインの意図や制約を関係者間で共有し、認識を合わせることで、スムーズな実装フェーズへの移行が可能となります。また、開発環境の統一など、技術的な基盤をしっかりと整えることで、後々の問題を未然に防ぐことができます。
使用プログラムについてご案内します。
使用プログラムについてご案内します。
当講座は、以下のツールを使用します。
[メインツール]
- Notion
- Figma
- Visual Studio Code
※NotionとFigmaに関しては、チームでの利用となるため、一部有料版の機能を使用します。
[CMS・フレームワーク・ライブラリ]
- WordPress 6.6 以上
- Tailwind CSS v3.4 以上
















