この記事は、私が出している「デザインカンプからのコーディング練習課題」をオリジナルポートフォリオ化したものを掲載しているページになります。
2023年7月を持ってポートフォリオの被り問題を無くすべく、「オリジナルポートフォリオ化」まで無料で支援する教材になりました。
- 題材
- 画像
- テキスト
- ロゴ
- 配色
オリジナルとは言っても元デザインが存在するので、半分オリジナルぐらいが正しいですが、サイトの印象がガラッと変わるものが多いです。
オリジナルポートフォリオ化支援に至った経緯などは、以下の記事にまとめています。
＼変更点の詳細はこちら／
コーディング課題に関しては、以下の記事にまとめており、購入もこちらの記事のリンク先から行えます。
オリジナルポートフォリオ化の注意点！
❶他人の実績を自分の実績に流用しないこと
信じられないかもしれませんが、他のスクールで、「他人の実績URLを自分のものとして利用して、就業先でバレて解雇される」というケースを観測しました。
あくまで「自分の実装の参考程度に」閲覧お願いします。
また、題材はお手本通りでなくていいので、多様なものが提出されるのを楽しみにしています。
❷現実に存在するブランドや題材は取り扱いに注意する
具体的な地名などをサイトに出していただくのは、作品のリアリティが増すので、大歓迎です。
ただ、ブランドの毀損に繋がるものは、架空のサイトでも避けていただけますと幸いです。
❸固有名称を出す際は、検索一覧を確認しておく
例えば、「沼津の鮮魚 木村商店」と命名したい場合に検索をして、似た名前が出てきた場合は避けておくのが無難です。
一応ベーシック認証やnoindexをかけてもらってるはずですが、念のため競合しないよう、名前が被らないようにお願いします。
中級課題2つ
農園サイト(蓼科ごとう農園を改変した事例)
蓼科ごとう農園をオリジナルポートフォリオ化例を以下に載せます。一番提出が多い課題です。
笑顔あふれる歯医者さん | さみだれ歯科医院
参考にしたい、お手本のようなオリジナルポートフォリオ
https://teraco.wpx.jp/demo03
demo
demo
kind訪問看護ステーション
元題材と全く違う分野だがいい感じにまとまっている
http://wp197924.wpx.jp/tyuukyuu/
tyuukyuu
tyuukyuu
GAME-PL
戸野上高原牧場
https://wp205599.wpx.jp/cyukyu-original/
practice-work
portfolio
北海道帯広市のミルクファーム | ミルクファーム北斗
http://wp885456.wpx.jp/cyukyu-org/
cyukyu02
cyukyu02
空中ＹＯＧＡ・ピラティス | LARANA
https://larana-yoga-studio.sarauta-webdesign.com
larana
larana
長野県茅野市の農園 | 蓼科オーガニックファーム
ファーストビューが鮮やかで、ロゴの完成度がめちゃくちゃ高い、題材は元デザインと同じでも、全く違うように見せられる好例。
https://wp191186.wpx.jp/chukyu/
tkd-h
tkd_test01
栃木県那須郡那須町のキャンプ場 | Ruruフォレスト那須
ロゴのクオリティが凄い
MAMA’S KITCHEN
https://eguegu.conohawing.com/mamas-kitchen/
ryo
ryo-5555
新潟県魚沼の米農家 | よねげんファーム
https://wp697557.wpx.jp/yonegen-farm/index.html
user-111
user-111
農産物の無駄をゼロに | NO MORE WASTE
このサイトはレベルが高かったです。スライドにも工夫がありますね。
https://act.okap-portfolio.com/no-more-waste/
pfmaking2023
pfokap
日本一の漁港・銚子の魚市場 | 銚子はしもと市場
https://wp521092.wpx.jp/uo-ichiba/
shogolog
uo-ichiba
七海珈琲焙煎所トップページ
題材と雰囲気が素晴らしい、ロゴも最高
https://riey-log.conohawing.com/NanamiCoffeeRoaster/
riey
test1111!
長野市中央区緑町の幼稚園 | 緑のようちえん
- イラスト画像の挿入が秀逸で、セクション間の波線が柔らかさを出している
https://www.aoidesign21.com/coding/midorino-youchien/
coding2024
coding2024
琥珀の森乗馬倶楽部
「アクセス」の部分にオリジナル感があって良い、ロゴも素敵
https://kumamaru.conohawing.com/portfolio/kohakuforest-rc/
user
open@sesami001
こどもくに / ひかりの幼稚園
https://oasis88.net/portfolio/work3/
yujoy
yutry123
岡山県岡山市の老舗和菓子店 | 宗家 毛利庵
https://inori3745.com/souke-mourian/
root
root5678
埼玉県さいたま市の植物園 | 彩の国ひだまり植物園
サービスサイト(ユアコーディングを改変した事例)
中級ユアコーディングを改変してオリジナルポートフォリオ化した例を下に記載します。
これも以外に多彩なデザインになり得ます。
動画編集代行サービス｜Creative Channel
元デザインと全く逆の、没入感のあるデザイン
https://tatsuo-log.conohawing.com/medium-class2/
tatsuo
bep85tatsuA!
さくらアカデミー
https://eito-web.site/your-coating/
eito
eito0809-
はうすたーじゅ 家事の手間を最小に、家庭時間を大切にする助けに家事代行サービス
https://mihohohoy.conohawing.com/housetage/
mihohohoy
mihohohoy_1
Unity Meet
Salon de Jiyu
グラデーションが鮮やかで画像ともマッチ
https://toha.jp/salon-de-jiyu/
toha
cYH7k6ZLKZbatid
PC修理Faster
配色が素晴らしい
イラストのチョイスが題材とマッチしてる
ワンプレイス
GAURA STUDIO
AIクリエイティブの作成サービスという個性的なテーマとデザイン
https://hibari-konaweb.com/gaura-studio/
user111
user111
しらなみ水泳教室
- ファーストビューとヘッダー間の波のボーダーがセンス良き
https://ods.conohawing.com/shiranami-swimmingschool/
test_site
test_site@01
中級Ex課題2つ
青牡丹工務店（オリジナルポートフォリオ化不要ですが、レビュー受け付けてます）
BrightSpeak English | どこからでも英語が話せるようになる
https://wp436308.wpx.jp/english-school/index.html
english-school
passw0rd
採用サイト(Iggata Groupを改変した事例)
Iggata Groupの採用サイトを改変し、オリジナルポートフォリオ化した例を下に記載します。
Onestop service法律事務所
https://mametan.sakura.ne.jp/onestopservice/index.html
han17711
han17711
採用情報 | すみわたり動物病院
eスポーツスクール | Future Game Lab
訪問看護ステーション 翠の街
つばき司法書士法人
https://eguegu.conohawing.com/tsubaki-group/index.html
ryo-5555
ryo-5555
トラベルマスターアカデミー | 未来の旅行とホスピタリティの専門学校
https://wp697557.wpx.jp/tmacademy/index.html
user-111
user-111
採用情報 | 株式会社EntaRing(エンタリング)
力強く、印象に残るファーストビュー。
フォントと配色が挑戦していて素晴らしい
https://risahonda.com/portfolio/intermediate-ex/index.html
kadai
PorT9FoLio
オンラインプログラミング学習サービス「シン・プログラミング塾 シニアクラス」
レイアウトの工夫、ファーストビューのフォントも配色も素晴らしい
https://wp191186.wpx.jp/chukyu-ex_change/index.html
tkd-h
tkd_test01
採用情報 | 株式会社Visionary Realms(ビジョナリー レムルズ)
採用情報 | 株式会社紡建設グループ(つむぐけんせつグループ)
https://wp824966.wpx.jp/tumugu-kensetu/index.html
tumugu-kensetu
tumugu-kensetu111
旅館サイト(石井課題を改変した例)
旅館サイト「石井花壇」を改変し、オリジナルポートフォリオ化した例を下に記載します。
和風サイトが作りやすいです。
風雅流苑 | 京都鴨川沿いの結婚式場【公式サイト】
ちゃんこ鍋体験 | 相撲魂 | 相撲を感じる旅【公式サイト】
日英両言語翻訳機能付き
https://act.okap-portfolio.com/sumo-damashii/
pfmaking2023
pfokap
さざんか花火大会【公式サイト】
https://practice3.yusuke-next.com/
usuke
testest
富士の麓 | 富士山絶景旅館【公式サイト】
https://k-satoshi01.conohawing.com/fujino-fumoto/
user01
sample-01
【千葉】グリーンヒルリゾート【公式サイト】
https://oogane.conohawing.com/green-hill/
green
greenhill-33
サイクリング｜cruise【公式サイト】
https://k-kod.conohawing.com/code-practice-pfEx/
k-kod.4530
kkkk-4530
和菓子｜花の香
うなぎの川田屋
とても美味しそう(^q^) 写真でサイトの印象は決まりますね。
https://ods.conohawing.com/kawadaya/
test_site
test_site@04
黒澤木工 | 家具制作【公式サイト】
観光名所 – 袖ノ浦港夏祭り｜袖ノ浦市観光委員会【公式サイト】
元サイトの面影も無い改変が素晴らしく、具体的な地名が出てくるとリアル感が増す好例
https://hibari-konaweb.com/sodenoura-23/
hibari
sk-012673
上級課題 Engress（TETOTEはオリジナル化の必要なし）
TOEFL専門塾のEngressを改変してオリジナルポートフォリオ化した例を記載します。
FitWell – あなたの個々のニーズや目標を叶える フルコミット型パーソナルジム
https://ta-tsu-ya-log.conohawing.com/zyokyuhen/
uesr01
r1kj85d4gtds5s44s
Sunshine Soccer school
https://ben-test.site/
bentest
@test1009
結婚相談所HARMONY
http://wp885456.wpx.jp/jyokyu-org/
jyokyu02
jyokyu02
RETRO CAR
ロゴが秀逸
https://www.eito-web.site/retro-car/
eight89-
eight89-
FIT ZONE
https://planetdesign.xsrv.jp/fit-zone/
sample
sample
Webplus | WebplusはWEBサイト構築を通じて 御社の課題を解決します。
https://xs293780.xsrv.jp/wp2/
webplus
irrlicht51
Arca nail デザインに特化したネイルサロン
https://arca-nail.com/
demo
arca888
Elegance Cafe
https://uutanman.com/
test_elegance
test_elegance
AMUSIC – あなたの生活に音楽という娯楽をお届けします。
配色がほぼ違和感なく素晴らしい作品
https://hqrki-test.site/engress-practice/
hqrki-04
hqrki-04
well-being 日々を愉しむ介護付きシニアレジデンス
https://ods.conohawing.com/well-being/
test_site
test_site@05
LAST-LONG
https://zomwalk55.com/portfolio01/
test
zomwalk55
noleggio
https://b-plan.conohawing.com/noleggio/
bob
test-001
ぴくちゃ | すぐに遊べる写真日記アプリ。その思い出、ぴくちゃしよっ。
過去一で独創的なポートフォリオ。
https://hibari-konaweb.com/wp/pikucha/
hibari
test_003
Photoshop編 建築会社 園崎組
堅いビジネス系、士業などに向いているデザインです。Photoshop編の準備が必要な分、提出者が少なく、まだ半オリジナル化の事例が多くありません。
WorkSphere – 自由な働き方、高機能な空間。
https://kumamaru.conohawing.com/portfolio/worksphere
open-user01
open-user01
株式会社 京点
https://wp331457.wpx.jp/photoshop_original
syake-114
syake-114
コドモラボ
フォント、画像選びなどが秀逸。
https://kenichi-nishii.com/_preview/2408_kodomolab
demo
tebheK-jyzgu4-fowvif
八合目雲ノ上館 – 富士山吉田ルート八合目の山小屋
To Next 後押し応援する退職代行業者
https://yhya-0129.conohawing.com/to-next
yamahiro
next-0123
YOGA FIT
https://moegiiro.wpx.jp/yogafit
demo
demo
昴製薬株式会社
アニメーションスキルが高く参考にしたい作品
https://wp259801.wpx.jp/subaruseiyaku
pompom
abcd
株式会社 背広職人
https://risahonda.com/portfolio/demo-suits
sarauta
sarauta
株式会社 清洲IoTエンジニアリング
一部背景に動画が使われているのがユニーク
https://wai-0713.site/beta/iot/
owari
owari
ESAKA RUNNING SCHOOL
https://harunaweb.wpx.jp/run-school/
demo
demosite
REJUVANATE
https://eito-web.site/rejuvanate/
eight89-
eight89-
CRAIN MATSUMOTO
https://k-kod.conohawing.com/Ps-code-portfolio/
k-kod.4530
kkkk-4530
株式会社 BORCELLE
https://chikisite.conohawing.com/BORCELLE/
user01
user01
株式会社 AclerLogistics
http://wp885456.wpx.jp/photo-org/
pho-02
pho-02
オリジナルポートフォリオレビューまで無償対応!!
「デザインカンプからのコーディング練習課題」では、
- デザインカンプからのコーディングを行い、無料レビューを受ける
- オリジナルポートフォリオ化してもらい、無料レビューを受ける
この二段構えで、皆さんの「コーディング力とポートフォリオを両方充実させる」ものです。
今の所、オリジナルポートフォリオ化後のレビューも無料で行っています。
まだ未購入で興味のある方がいれば、以下の販売ページを御覧ください。
ご寄付を頂けると今後の更新の励みになります！
