Access Denied
IMPORTANT! If you’re a store owner, please make sure you have Customer accounts enabled in your Store Admin, as you have customer based locks set up with EasyLockdown app. Enable Customer Accounts
チームチャレンジ作品集
![ランドリーサービスサイト [2025年1月eチーム]](http://daily-trial-community.myshopify.com/cdn/shop/articles/2025-06-05_11.55.26.png?v=1749783071&width=533)
ランドリーサービスサイト [2025年1月eチーム]
作品URL https://xs341037.xsrv.jp/washwise/ 概要 コンセプト 「洗濯時間を楽しみに変える。もっと自由に、もっと快適に！清潔で快適な空間を提供し、家事のひとときを楽しく有意義な時間に変えることで、より豊かなライフスタイルの実現に貢献する。」 「どんなコインランドリーを目指すか」を話し合い、以下の視点を大切にしてサイトコンセプトを決定。 ・洗濯という日常の作業を「楽しみ」や「癒し」に変える発想 ・利用者にとって「清潔感」「居心地の良さ」を重視した空間設計 ・日常の延長線上で、少し贅沢な気持ちを味わえるコインランドリー ターゲット 忙しいライフスタイルを送る方 日々の時間に追われ、家事を効率化したいと考えている社会人や学生を想定。洗濯をスムーズに済ませることで、時間の有効活用を目指す方々。 一人暮らしの学生や社会人 洗濯機のない生活をしている方や、手軽に洗濯を済ませたいというニーズを持つ方々。洗濯にあまり時間をかけたくないという理由から、便利なコインランドリーを活用したい層。 共働き世帯 家事や育児の負担を減らし、家族と過ごす時間を大切にしたい夫婦や家族。効率的でストレスのない家事を求めてる。 大物洗濯のニーズがある方 自宅では洗えない布団やカーペットなどの大物を簡単に、しかも清潔に仕上げたいという要望を持つ方々。 仕事を探している人 コインランドリー事業に興味があるオーナー候補 担当した部分の深掘り(頑張った部分、工夫した部分、こだわりetc) チーム全員が「やってみたい」「取り入れたい」と思ったアイデアや雰囲気をできる限り盛り込んだ。 アニメーションや視覚的な演出について、各自が提案を持ち寄り、相談して決めた。 白と青を基調としたカラースキームを採用し、コインランドリーの持つ「清潔」「爽やか」「安心感」のイメージを強調。 ユーザーの日常に寄り添う、ユーザー目線を忘れないことを大事にした。 フリー素材ではコインランドリーの写真がほとんど見つからなかったので、AI生成(image FX)の画像を活用した。これにより、より「本物らしい」仕上がりになったと思います。 ランドリーを楽しくする存在として、マスコットキャラ「シロクマ（フリー素材）」を設定。「親しみやすさ」「ブランドイメージの向上」「認知拡大」の効果も期待。 チームメンバー紹介 はにおさん（担当範囲：デザイン（TOP（WashWiseとは、サービス、ご利用方法、店舗一覧、ニュース、採用情報、フッター）、Q&A、店舗一覧、店舗詳細、オーナー募集、404））［X］https://x.com/Hanioboon...
ランドリーサービスサイト [2025年1月eチーム]
作品URL https://xs341037.xsrv.jp/washwise/ 概要 コンセプト 「洗濯時間を楽しみに変える。もっと自由に、もっと快適に！清潔で快適な空間を提供し、家事のひとときを楽しく有意義な時間に変えることで、より豊かなライフスタイルの実現に貢献する。」 「どんなコインランドリーを目指すか」を話し合い、以下の視点を大切にしてサイトコンセプトを決定。 ・洗濯という日常の作業を「楽しみ」や「癒し」に変える発想 ・利用者にとって「清潔感」「居心地の良さ」を重視した空間設計 ・日常の延長線上で、少し贅沢な気持ちを味わえるコインランドリー ターゲット 忙しいライフスタイルを送る方 日々の時間に追われ、家事を効率化したいと考えている社会人や学生を想定。洗濯をスムーズに済ませることで、時間の有効活用を目指す方々。 一人暮らしの学生や社会人 洗濯機のない生活をしている方や、手軽に洗濯を済ませたいというニーズを持つ方々。洗濯にあまり時間をかけたくないという理由から、便利なコインランドリーを活用したい層。 共働き世帯 家事や育児の負担を減らし、家族と過ごす時間を大切にしたい夫婦や家族。効率的でストレスのない家事を求めてる。 大物洗濯のニーズがある方 自宅では洗えない布団やカーペットなどの大物を簡単に、しかも清潔に仕上げたいという要望を持つ方々。 仕事を探している人 コインランドリー事業に興味があるオーナー候補 担当した部分の深掘り(頑張った部分、工夫した部分、こだわりetc) チーム全員が「やってみたい」「取り入れたい」と思ったアイデアや雰囲気をできる限り盛り込んだ。 アニメーションや視覚的な演出について、各自が提案を持ち寄り、相談して決めた。 白と青を基調としたカラースキームを採用し、コインランドリーの持つ「清潔」「爽やか」「安心感」のイメージを強調。 ユーザーの日常に寄り添う、ユーザー目線を忘れないことを大事にした。 フリー素材ではコインランドリーの写真がほとんど見つからなかったので、AI生成(image FX)の画像を活用した。これにより、より「本物らしい」仕上がりになったと思います。 ランドリーを楽しくする存在として、マスコットキャラ「シロクマ（フリー素材）」を設定。「親しみやすさ」「ブランドイメージの向上」「認知拡大」の効果も期待。 チームメンバー紹介 はにおさん（担当範囲：デザイン（TOP（WashWiseとは、サービス、ご利用方法、店舗一覧、ニュース、採用情報、フッター）、Q&A、店舗一覧、店舗詳細、オーナー募集、404））［X］https://x.com/Hanioboon...
![えにし商店サービスサイト [2024年bチーム]](http://daily-trial-community.myshopify.com/cdn/shop/articles/2025-06-05_1.14.08.png?v=1749783118&width=533)
えにし商店サービスサイト [2024年bチーム]
作品URL https://enishi-shop.kaito-website.com/ チームメンバー紹介 ミツさん（担当範囲：（FV/私たちについて、お店について、お問い合わせのデザイン）［X］https://x.com/zerocool_0602 かなえさん（担当範囲：目指す姿、できること、Workshop、お知らせのデザイン）［X］https://x.com/ngu_pursing かいとさん（担当範囲：コーディング）［X］https://x.com/kaito_5777
えにし商店サービスサイト [2024年bチーム]
作品URL https://enishi-shop.kaito-website.com/ チームメンバー紹介 ミツさん（担当範囲：（FV/私たちについて、お店について、お問い合わせのデザイン）［X］https://x.com/zerocool_0602 かなえさん（担当範囲：目指す姿、できること、Workshop、お知らせのデザイン）［X］https://x.com/ngu_pursing かいとさん（担当範囲：コーディング）［X］https://x.com/kaito_5777
![山形県の温泉キャンペーンLP [2024年aチーム]](http://daily-trial-community.myshopify.com/cdn/shop/articles/2025-06-05_0.50.21_cc0f8c71-88d9-4cf1-98f1-94baee72d04e.png?v=1749783164&width=533)
山形県の温泉キャンペーンLP [2024年aチーム]
作品URL https://yamagata-trip.yusei-design.com/index.html チームメンバー紹介 ユウセイさん（担当範囲：TOPページのコーディング）［X］https://x.com/PRJmyjmQhsTv8tL のんちさん（担当範囲：下層ページのコーディング）［X］https://x.com/lanitamaru222 みさきさん（担当範囲：FV、ヘッダー、フッターのデザイン）［X］https://x.com/misk8910 ゆうさん（担当範囲：キャンペーン概要、山形とは？、アクセスのデザイン） ［X］https://x.com/216yuuq マメさん（担当範囲：TOPページの温泉地紹介、モデルコースのデザイン、仕様書作成） ［X］https://x.com/mamedesign8p
山形県の温泉キャンペーンLP [2024年aチーム]
作品URL https://yamagata-trip.yusei-design.com/index.html チームメンバー紹介 ユウセイさん（担当範囲：TOPページのコーディング）［X］https://x.com/PRJmyjmQhsTv8tL のんちさん（担当範囲：下層ページのコーディング）［X］https://x.com/lanitamaru222 みさきさん（担当範囲：FV、ヘッダー、フッターのデザイン）［X］https://x.com/misk8910 ゆうさん（担当範囲：キャンペーン概要、山形とは？、アクセスのデザイン） ［X］https://x.com/216yuuq マメさん（担当範囲：TOPページの温泉地紹介、モデルコースのデザイン、仕様書作成） ［X］https://x.com/mamedesign8p
シェアハウスサイト［2024年4月期iチーム］
作品URL https://daily-trial-house.netlify.app/ デザイン：みりんちゃんさんコーディング：すぎもとさん 作品URL https://ryota-ur.github.io/DairyTrialHouse/ デザイン：Namiさんコーディング：Ryotaさん 概要 みりんちゃん、Namiさんがそれぞれ作成してくださったデザインカンプをもとにマーケティングのにかさんが添削、コーダーがそれぞれのデザインを再現する形で制作を進めました。 チームメンバー紹介 みりんちゃん（担当範囲：デザイン）［X］https://x.com/mirin01_ch Nami（担当範囲：デザイン）［X］https://x.com/nami_design73 すぎもとあつし（担当範囲：コーディング）［X］https://x.com/webcoda_sugimo Ryota（担当範囲：コーディング） ［X］https://x.com/Ryota_ueR
シェアハウスサイト［2024年4月期iチーム］
作品URL https://daily-trial-house.netlify.app/ デザイン：みりんちゃんさんコーディング：すぎもとさん 作品URL https://ryota-ur.github.io/DairyTrialHouse/ デザイン：Namiさんコーディング：Ryotaさん 概要 みりんちゃん、Namiさんがそれぞれ作成してくださったデザインカンプをもとにマーケティングのにかさんが添削、コーダーがそれぞれのデザインを再現する形で制作を進めました。 チームメンバー紹介 みりんちゃん（担当範囲：デザイン）［X］https://x.com/mirin01_ch Nami（担当範囲：デザイン）［X］https://x.com/nami_design73 すぎもとあつし（担当範囲：コーディング）［X］https://x.com/webcoda_sugimo Ryota（担当範囲：コーディング） ［X］https://x.com/Ryota_ueR
保育園サイト［2024年4月期gチーム］
作品URL https://xs341037.xsrv.jp/toranoko-hoikuen/ 概要 チームチャレンジ企画4月期gチームで架空の保育園「とらのこほいくえん」のWebサイトを制作しました！＜デザインのポイント＞・保育園のやさしくあたたかい雰囲気が伝わるように、丸みを帯びたフォントやパステルカラーを使用しました。・使用するイラストをすべて水彩画テイストのものに揃え統一感を出しました。・「フォントは大きめで読みやすく」を心がけて制作しました。＜コーディングのポイント＞・サイト構成図や制作担当表を作成して、スムーズにコーディングを進められるようにしました。・CSSはBEMとFLOCSSを採用し、クラス命名について事前に打ち合わせすることで、CSS設計が破綻しないようにしました。・ページをまたいで使用するコンポーネントを先に作成することで、作業工数を短縮できるよう心がけました。・デザインカンプに分かりやすい指示(参考URLなど)があったおかげでデザインの意図を組みながらアニメーションなどつけることができました。・流行りのGSAP(Javascript)を取り入れて、オープニングアニメーションやtopページの動物たちがふわふわ浮かぶ動き、その他可愛いを全面にアピールできるサイトに作り上げるためサイトに合ったアニメーションの実装に力を入れました。チームメンバーで話し合いを重ね制作を進めたサイトですので、ご覧いただけますと嬉しいです！ チームメンバー紹介 えりな（担当範囲：デザイン）［X］https://x.com/erinadesign_ きよふみ（担当範囲：コーディング）［X］https://x.com/kiyofumi1117 大輔（担当範囲：コーディング）［X］https://x.com/Daisuke19800108
保育園サイト［2024年4月期gチーム］
作品URL https://xs341037.xsrv.jp/toranoko-hoikuen/ 概要 チームチャレンジ企画4月期gチームで架空の保育園「とらのこほいくえん」のWebサイトを制作しました！＜デザインのポイント＞・保育園のやさしくあたたかい雰囲気が伝わるように、丸みを帯びたフォントやパステルカラーを使用しました。・使用するイラストをすべて水彩画テイストのものに揃え統一感を出しました。・「フォントは大きめで読みやすく」を心がけて制作しました。＜コーディングのポイント＞・サイト構成図や制作担当表を作成して、スムーズにコーディングを進められるようにしました。・CSSはBEMとFLOCSSを採用し、クラス命名について事前に打ち合わせすることで、CSS設計が破綻しないようにしました。・ページをまたいで使用するコンポーネントを先に作成することで、作業工数を短縮できるよう心がけました。・デザインカンプに分かりやすい指示(参考URLなど)があったおかげでデザインの意図を組みながらアニメーションなどつけることができました。・流行りのGSAP(Javascript)を取り入れて、オープニングアニメーションやtopページの動物たちがふわふわ浮かぶ動き、その他可愛いを全面にアピールできるサイトに作り上げるためサイトに合ったアニメーションの実装に力を入れました。チームメンバーで話し合いを重ね制作を進めたサイトですので、ご覧いただけますと嬉しいです！ チームメンバー紹介 えりな（担当範囲：デザイン）［X］https://x.com/erinadesign_ きよふみ（担当範囲：コーディング）［X］https://x.com/kiyofumi1117 大輔（担当範囲：コーディング）［X］https://x.com/Daisuke19800108
ペットフードの販売サイト［2024年4月期kチーム］
作品URL https://ann-web-developer.com/portfolio/purebowl/# 概要 フクリン、きちさんがデザインカンプを作成し、Kyuさんとあんちゃんさんがコーディングをして制作しました！ チームメンバー紹介 フクリン（担当範囲：デザイン）［X］https://twitter.com/11141_yf きち（担当範囲：デザイン）［X］https://twitter.com/chiki_de_sign Kyu（担当範囲：コーディング）［X］https://twitter.com/snow23_web あんちゃん（担当範囲：コーディング）［X］https://twitter.com/Web_AnChan08
ペットフードの販売サイト［2024年4月期kチーム］
作品URL https://ann-web-developer.com/portfolio/purebowl/# 概要 フクリン、きちさんがデザインカンプを作成し、Kyuさんとあんちゃんさんがコーディングをして制作しました！ チームメンバー紹介 フクリン（担当範囲：デザイン）［X］https://twitter.com/11141_yf きち（担当範囲：デザイン）［X］https://twitter.com/chiki_de_sign Kyu（担当範囲：コーディング）［X］https://twitter.com/snow23_web あんちゃん（担当範囲：コーディング）［X］https://twitter.com/Web_AnChan08
コーポレートサイト［2024年3月期bチーム］
作品URL https://www.itouke.info/visions/ (コーディング：たけみょん） https://www.nowa-web.com/visions/ (コーディング：のわ) https://www.yuki-webcreator.info/visions/ (コーディング：ゆうき） 概要 デザイナーのメンバーが作成したデザインカンプを、コーダーのメンバー３名で分担してコーディングしました。アニメーション等は各々が工夫してコーディングしたことで、三種三様のサイトが出来上がりました！ チームメンバー紹介 ナオ（担当範囲：デザイン）［X］ https://twitter.com/design_nao0828 たけみょん（担当範囲：コーディング）［X］ https://twitter.com/takemyon8118 のわ（担当範囲：コーディング）［X］ https://twitter.com/nowa2023 ゆぅき（担当範囲：コーディング）［X］ https://twitter.com/yukey_007
コーポレートサイト［2024年3月期bチーム］
作品URL https://www.itouke.info/visions/ (コーディング：たけみょん） https://www.nowa-web.com/visions/ (コーディング：のわ) https://www.yuki-webcreator.info/visions/ (コーディング：ゆうき） 概要 デザイナーのメンバーが作成したデザインカンプを、コーダーのメンバー３名で分担してコーディングしました。アニメーション等は各々が工夫してコーディングしたことで、三種三様のサイトが出来上がりました！ チームメンバー紹介 ナオ（担当範囲：デザイン）［X］ https://twitter.com/design_nao0828 たけみょん（担当範囲：コーディング）［X］ https://twitter.com/takemyon8118 のわ（担当範囲：コーディング）［X］ https://twitter.com/nowa2023 ゆぅき（担当範囲：コーディング）［X］ https://twitter.com/yukey_007
幼稚園サイト［2024年3月期fチーム］
作品URL https://flower-kindergarten.mila-code.com/ 概要 デザイナー1人、コーダー4人のメンバーのもと、全員で意見とアイディアを出し合い「架空の幼稚園HPのトップページ」を作成しました！ 【ターゲット】20~40代、教育に力を入れたいと思っている保護者(性別は女性が中心)。子どもが3歳になるので、幼稚園を探している。幼稚園の雰囲気を知りたい、出来たら見学もしたいと思っている。 【制作イメージ】知名度の低い新しい幼稚園という課題から、ホームページを見た人がいかに入園したくなるかを考え、「陽だまりみたいなぽかぽかする園」をテーマにカラーはオレンジやイエローをメインに温かみや安心感をだしながら、ポイントでピンクやグリーンなどカラフルな色を花などのモチーフに使いポップでワクワクするような印象に仕上げました。写真を陽だまりの形で切り抜いたり、どのセクションも写真やあしらいをランダムに配置することで遊びや動きのあるデザインにしました。 要件定義の際に挙がった「陽だまり、ぽかぽか」というキーワードをもとに陽だまりが揺れるようなアニメーションをつけました。他にも、動物たちが動き出したり花が揺れていたりと随所にアニメーションを付け、遊び要素がたくさん詰まったサイトになっております。動くスピードや動き出すタイミングにもこだわりましたので、ぜひご注目ください。また、FLOCSSを用いた保守性の高いコーディングやGitHubを用いてのバージョン管理にも挑戦しました。 チームメンバー紹介 mi（担当業務：ディレクション兼コーディング）［X］https://twitter.com/mi___web あやちょ（担当業務：デザイン） ［X］https://twitter.com/ayacho2680 ミコト （担当業務：コーディング） ［X］https://twitter.com/mkt0655 mila（担当業務：コーディング）［X］https://twitter.com/Mila_codeweb てんむす（担当業務：コーディング） ［X］https://twitter.com/tenmusu_web
幼稚園サイト［2024年3月期fチーム］
作品URL https://flower-kindergarten.mila-code.com/ 概要 デザイナー1人、コーダー4人のメンバーのもと、全員で意見とアイディアを出し合い「架空の幼稚園HPのトップページ」を作成しました！ 【ターゲット】20~40代、教育に力を入れたいと思っている保護者(性別は女性が中心)。子どもが3歳になるので、幼稚園を探している。幼稚園の雰囲気を知りたい、出来たら見学もしたいと思っている。 【制作イメージ】知名度の低い新しい幼稚園という課題から、ホームページを見た人がいかに入園したくなるかを考え、「陽だまりみたいなぽかぽかする園」をテーマにカラーはオレンジやイエローをメインに温かみや安心感をだしながら、ポイントでピンクやグリーンなどカラフルな色を花などのモチーフに使いポップでワクワクするような印象に仕上げました。写真を陽だまりの形で切り抜いたり、どのセクションも写真やあしらいをランダムに配置することで遊びや動きのあるデザインにしました。 要件定義の際に挙がった「陽だまり、ぽかぽか」というキーワードをもとに陽だまりが揺れるようなアニメーションをつけました。他にも、動物たちが動き出したり花が揺れていたりと随所にアニメーションを付け、遊び要素がたくさん詰まったサイトになっております。動くスピードや動き出すタイミングにもこだわりましたので、ぜひご注目ください。また、FLOCSSを用いた保守性の高いコーディングやGitHubを用いてのバージョン管理にも挑戦しました。 チームメンバー紹介 mi（担当業務：ディレクション兼コーディング）［X］https://twitter.com/mi___web あやちょ（担当業務：デザイン） ［X］https://twitter.com/ayacho2680 ミコト （担当業務：コーディング） ［X］https://twitter.com/mkt0655 mila（担当業務：コーディング）［X］https://twitter.com/Mila_codeweb てんむす（担当業務：コーディング） ［X］https://twitter.com/tenmusu_web
小児科架空サイト［2023年11月期hチーム］
病院名にもなっているキリンをモチーフとしたデザイン。イラスト・カラーで親しみやすさを出しつつ、クリニックの信頼感も崩さないよう、フォント・写真・配置等を意識しました。コーディング：ネット予約ボタンはスクロールに合わせて追従するように設定しています。イラストにアニメーションを設定し、可愛らしさや楽し気な雰囲気をプラスしました。
小児科架空サイト［2023年11月期hチーム］
病院名にもなっているキリンをモチーフとしたデザイン。イラスト・カラーで親しみやすさを出しつつ、クリニックの信頼感も崩さないよう、フォント・写真・配置等を意識しました。コーディング：ネット予約ボタンはスクロールに合わせて追従するように設定しています。イラストにアニメーションを設定し、可愛らしさや楽し気な雰囲気をプラスしました。
チームチャレンジ企画紹介LP［2023年6月期oチーム］
デザイナー、コーダー、動画編集者が集まったメンバーのもと、それぞれのスキルを活かしながら「チームチャレンジ企画」について紹介するLPを作成しました。
チームチャレンジ企画紹介LP［2023年6月期oチーム］
デザイナー、コーダー、動画編集者が集まったメンバーのもと、それぞれのスキルを活かしながら「チームチャレンジ企画」について紹介するLPを作成しました。
Invalid password
Enter