Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TOPOSTOPOS
Search
Shohei Yoshida
April 10, 2026
Design
100
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
TOPOSTOPOS
CREATIVE STUDIO DESIGN AND WEB DEVELOPMENT
Shohei Yoshida
April 10, 2026
Other Decks in Design
See All in Design
Where Imagination Ends AI Begins
r5ni4
0
290
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
2
110
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
0
270
「見せる」登壇資料デザインの極意
takanorip
7
1.4k
Jun Wei Portfolio 2026
wjw100788
PRO
1
150
なぜ、インサイトを貯めるのか?
tajima_kaho
3
2.6k
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
1.1k
Saving_the_King_-_Storyboard.pdf
terencebasart
0
260
The Art of Caring
klemens
0
380
2026-04-06 CMU School of Design "Vision-Driven Design"
ishii_mit
0
120
hicard_credential_202601
hicard
0
270
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1k
Featured
See All Featured
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
320
Crafting Experiences
bethany
1
250
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
66
57k
Balancing Empowerment & Direction
lara
6
1.2k
Practical Orchestrator
shlominoach
191
12k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
410
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
200
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
170
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
420
Game over? The fight for quality and originality in the time of robots
wayneb77
1
240
Transcript
CREATIVE STUDIO DESIGN AND WEB DEVELOPMENT
גࣜձࣾ5010450104ɺ ઓུ͔Β άϩʔε·ͰҰ؏ͨ͠ 8&#αΠ τ։ൃΛத৺ʹɺ γεςϜͷϝ ϯςφϯε ɾ اۀ͞ ·ͷϩΰɺ
ϒϥϯσΟ ϯάൃ ɾ ύϯϑϨο τ ɾ %.੍࡞ͳͲ8FCαʔϏεΫ ϦΤ ΠςΟ ϒʹ͓͍ͯࣝͷ͋Δ ϝ ϯόʔͰߏ͞ΕͨνʔϜͰ͢ɻ ελʔ τΞο ϓ͔Β্اۀ·Ͱ༷ʑͳڥͰ͑ͨܦݧεΩϧ Λ ͬͯࣗͨͪʹͰ͖Δ͜ ͱ Λɺ Α Γࣗͨͪ Β ͠ ؐ͘ݩͰ͖ͨ Β ͱࢥ ͍ͬͯ·͢ɻ ͍͍Ϋ ϦΤΠςΟ ϒΛࢲͨͪͱ ͍͍ΫϦΤΠςΟϒΛ͋ͳͨͱ
݄ελʔ τ τ ΡσΠ৽ଔͱ ͯ͠ਖ਼ࣾһೖࣾɻ γεςϜ෦ʹଐ͞ ΕΠ ϯϑϥ෦Λ୲ɻ ʮ;0;0508/ʯ ͷճηʔϧ
ͷେن τϥ ο ϑ Ο Ϋʹ͑ΔΠ ϯϑϥߏங ɾ ৽نػثಋೖͳͲͷܦݧɻ ʮ8&"3ʯ ͷΠ ϯϑϥશൠɺ $3.γεςϜಋೖͳͲαʔϏε Λࢧ͑ΔΠ ϯϑϥ શൠΛ୲ɻ ୀ৬ޙɺ ۀҕୗͰͷJ04։ൃ ɾ Π ϯϑϥಋೖͳͲͷۀΛܦ ݄ͯελʔ τ τ ΡσΠͷಉظͱڞʹδϯϢ Λۀɻ ʮ,*5$)&/ #305)&34ʯ ͷఏڙ։࢝ʹ͋ͨΓɺ 8FC ɾ γεςϜ։ൃશൠΛ$50ͱ ͯ͠ ౷ׅɻ 5010450104ͱ ͯ͠׆ಈ։࢝ɻ 5010450104Λ๏ ਓԽ͠ɺ දबɻ 1.݉ΤϯδχΞͱ ͯ͠ʑͷ1+ʹܞΘ͍ͬͯΔɻ େֶӃࡏֶதɺ ݐஙσβΠ ϯͷษڧͱฒߦ͠ɺ ݐஙࣄॴʹ࣮ͯܦݧΛ ੵΉɻ ଔۀޙɺ ݄ελʔ τ τ ΡσΠೖࣾɻ σβΠ ϯ෦ʹଐɻ ʮ;0;0508/ʯ αΠ τɺ ࠂͷσβΠ ϯશൠΛ୲ɻ ͦͷޙɺ ࠃ֎ͷϋ Π ϒϥϯ υΛऔΓѻ͏ ʮ;0;07*--"ʯ ͷ্ཱͪ͛ɺ ʮ8&"3ʯ ͷ1$αΠ τɺ Ξ ϓϦɺ ࠂͷΞʔ τσΟ ϨΫγ ϣ ϯΛ୲ɻ ୀ৬ޙɺ ۀҕୗ ɾ ϑ Ϧ ʔϥϯεͰ ͷσβΠ ϯۀΛܦ݄ͯɺ ελʔ τ τ ΡσΠͷಉظͱڞʹδϯϢ Λ ۀɻ ʮ,*5$)&/#305)&34ʯ ͷఏڙ։࢝ʹ͋ͨΓɺ σβΠ ϯશൠΛΞ ʔ τσΟ ϨΫλʔͱ ͯ͠౷ׅɻ ٢ాͱ ͱ ʹɺ Ξʔ τσΟ ϨΫλʔͱ ͯ͠5010450104Λۀɻ ٢ాঢฏ CEO / Founder / Engineer ౻ݪ৻ Founder / ArtDirector FOUNDING MEMBERS
8&# αΠτʹʴB Ͱϒϥϯυίϯηϓτੈք؍ΛڧΊΔ ɾϩΰ ɾύοέʔδ ɾϓϩμΫτσΟϨΫγϣϯ ɾύϯϑϨοτ %. ͳͲࢴഔମൢଅ ɾ8&#
αΠτͷӡ༻ɾอक ɾγεςϜϦϓϨΠε ɾηΩϡϦςΟϦεΫͷϨϙʔτ࡞ ɾ$.4 ͷηΩϡϦςΟߋ৽νΣοΫ ɾ੬ऑϓϥάΠϯͷআڈɾସ ҆શੑηΩϡϦςΟੑΛ্ɾ҆ఆͤ͞Δ hearing planning designing production growth ώΞϦϯά اը ઃܭ ੍࡞ άϩʔε ઓུ͔Βάϩʔε·ͰҰ؏ͨ͠Ϟϊͮ͘Γ 01 Website development αΠτ։ൃ αΠ τ͕ͨ͠ޙɺ ҆શ ɾ ҆৺ͯͬͯ͠ Β ͏ ͨΊʹηΩϡ ϦςΟ໘ ڧԽ͍ͯ͠·͢ɻ αΠ τͷӡ༻ ɾ อकɺ ͢Ͱʹ͋Δ ͷΛվળ͍ͨ͠ɺ Α Γྑ͘ ͍ͨ͠ͱ͍͏߹ γεςϜϦ ϓϨΠ ε ͓·͔ͤ ͘ ͩ ͍͞ɻ γε ςϜͷٺԽɺ ηΩϡ ϦςΟ Ϧ εΫػೳෆͳͲ༷ʑͳཁͷഎܠ ʹ͋Δ՝ʹରͯ͠ɺ ͓٬͞ Μʹͱ ͬͯϕε τ ͱ ͳΔ͑ Λڞʹ୳͍ͯ͠ ͖ղܾ͍͖ͯ͠ ·͢ɻ 02 Infrastructure base Πϯϑϥج൫ 03 Branding design ϒϥϯσΟϯάσβΠϯ ϒϥϯ υαʔϏεͷݸੑͰ͋ Γ͔ܽ͢͜ ͱͷͰ͖ͳ͍ੈք؍ίϯη ϓ τ ϒϥϯσΟ ϯά ɺ 8&#αΠ τͷΈͳ Βͣɺ ϩΰɺ γ ϣ ο ϓΧʔ υʹύ οέʔδσβΠ ϯɺ ͋ ΒΏΔ Ϋ Ϧ ΤΠςΟ ϒʹ͓͍ͯॏཁͰ͢ɻ ΫϥΠΞϯ τ ͞ Μ͕ࢦ͢ϒϥϯσΟ ϯάʹඞཁͱ ͳΔ Ϋ Ϧ ΤΠςΟ ϒɺ αʔϏεͷ ʹͬͯඞཁͱ ͳΔ Ϋ Ϧ ΤΠςΟ ϒΛɺ ʮΒ ͠ ͞ʯ Λେʹ ͨ͠Ϟϊͮ ͘ Γ Ͱαϙʔ τ ͍͖ͤͯͨͩ͞ ·͢ɻ ώΞϦ ϯάͰ՝χʔζͷநग़Λߦ͏ ͜ ͱʹ ͡ · Γاը ɾ ੍࡞ ɾ ։ൃ ɾ ࣮ͱઓུ͔Β άϩʔε·ͰҰ؏ͨ͠Ϟϊͮ͘ Γ Λಘҙͱ ͍ͯ͠·͢ɻ ʮ͜Μͳ͜ ͱ ͬͯͰ͖Δͷ͔ͳ ʁʯ ʮ͜Μͳ;͏ʹͰ͖ͨ Β͍͍ͷʹʯ ͱ͍͏ ͍ΛσβΠ ϯͱ։ൃࢹͷ྆ଆ໘͔ΒΞϓϩʔν ͠ɺ Χλνʹ ͍ͯ͠ ͖ ·͢ɻ 03 Branding design 01 Website development 02 Infrastructure base BUSINESS DOMAIN
Total Creative ΫϥΠΞϯ τ ͞ Μ͕ࢦ͢ϒϥϯσΟ ϯάʹඞཁͱ ͳΔ Ϋ Ϧ
ΤΠς Ο ϒɺ αʔϏεͷʹͬͯඞཁͱ ͳΔ Ϋ Ϧ ΤΠςΟ ϒΛɺ ʮΒ ͠ ͞ʯ Λେʹ ͨ͠Ϟϊͮ͘ Γ Ͱαϙʔ τ ͍͖ͤͯͨͩ͞ ·͢ɻ UI UX UI/UX design synergy ը໘σβΠϯ ϨΠΞτ ϑΥϯτ ৭ ϘλϯͳͲͷύʔπ etc ϢʔβϏϦςΟ ৴པੑ ͍͢͞ ײ ػೳ etc UXUI Design Ͳ ͪ Β͔͚͕ͩ༏Ε͍ͯΕ͍͍ͱ͍͏Ͱͳ͍69ͱ 6*σβΠ ϯɻ ࠷దղΛٻΊ྆ଆ໘͔ΒΞϓϩʔνΛ ͠ɺ ϕε τͳ696*σβΠ ϯΛࢦ͠·͢ɻ branding design total creative ໊ ϝσΟΞ ύοέʔδ σβΠϯ ϩΰ 8&# αΠτ γεςϜ։ൃ ҹ OUR SOLUTION
Improvement ݱঢ়Ѳ ࢪࡦͷݕ౼ P D C A ࢪࡦͷ࣮ߦ ࢪࡦͷޮՌ ଌఆݕূ
ωΫετ ΞΫγϣϯ ܾఆ Growth Hacking 8&#αΠ τ ɾ γεςϜ։ൃ ɾ ϝ σΟ ΞͳͲɺ ͲͷΫ Ϧ ΤΠςΟ ϒʹ ͓͍ͯ ʮͭ͘ ͬͨ Βऴྃʯ ͱ͍͏ ͜ ͱ͋ Γ ·ͤΜɻ ࣈ ظతͳࢹ͔ΒΈͨվળϒϥ ο γϡΞο ϓͰ͖ΔͳͲɺ Α Γྑ͍ͷͱͤ͞Δ͓ख͍Λ ͍͖ͤͯͨͩ͞ ·͢ɻ front end 1$εϚʔ τϑ Υϯ ɾ λϒϨο τͷ ϒϥβ͔ΒΞΫηεૢ࡞ ɾݕࡧ ϑΟϧλ ɾৄࡉ Χʔτ ɾձһߋ৽ॲཧ ɾจσʔλ ɾձһొ ϩάΠϯ ɾ͓ؾʹೖΓొ back end Ϣʔβʔ͔Βݟ͑ͳ͍ΞϓϦέʔγϣϯΛ ػೳͤ͞ΔσʔλΠϯϑϥετϥΫνϟ ɾจॲཧ ࡏݿҾ ɾձһߋ৽ॲཧ ɾ͓ؾʹೖΓొ ɾܾࡁ ૹ 4/4 ࿈ܞ ɾ௨ Ϋʔϙϯ $.4 ɾձһσʔλ ɾจσʔλ ɾࡏݿ Ϛελʔ ɾՁ֨ Ϋʔϙϯ ɾӾཡϩά ੳج൫ front end(administrator) αΠτͷཧऀ͕ɺ1$ ϒϥβΑΓ σʔλૢ࡞ɾੳ ɾ ࡏݿ Ձ֨ཧ ɾจ ฦ ฦۚཧ ɾձһαϙʔτ ݖݶ ɾΫʔϙϯ όφʔ $.4 ɾϨϙʔτ ੳ external integration ֎෦γεςϜͱࣾͷ ج൫γεςϜͷσʔλ࿈ܞ ɾྲྀ ɾܾࡁ ɾ4/4 ɾϝʔϧ ɾ੫ "1* ϑϩϯτΤϯυ όοΫΤϯυ ϑϩϯτΤϯυ ཧऀ ֎෦αʔϏε࿈ܞ Ϣʔβʔ αΠτཧऀ System Solution ϑϩϯ τΤϯ υ ɾ όο ΫΤϯ υͷ໘Ͱͷαϙʔ τͪΖΜͷ͜ ͱɺ αΠ τӡӦʹ͓͍ͯඞཁෆՄܽͳσʔλੳ֎෦γ εςϜͱͷ࿈ܞͳͲɺ օ͞ Μ͕γεςϜʹ๊͓͍ͯ͑Δ͍ ͘ ͭͷ՝ʹରͯ͠ղܾࡦΛ ͝ఏҊ͍͖ͤͯͨͩ͞ ·͢ɻ OUR SOLUTION
8FCαΠ τͷ։ൃ͚ͩͰͳ ͘ɺ ηΩϡ ϦςΟ ʹڧ͍ΤϯδχΞΛΞαΠ ϯՄೳͳͷͰ҆৺ͯ͠ αϙʔ τ͕ड͚ ΒΕ·͢ɻ
҆ఆͨ͠ՔಇΛकΔΠ ϯϑϥج൫ฐࣾͷڧΈͰ͢ɻ Կ͔͋ͬͨ ͱ ͖ͷෆ҆ͷͨΊʹɺ ӡ༻ ɾ อकʹͯαϙʔ τ ͍ͤͯͨͩ͞ ͘ ͜ ͱ ՄೳͰ͢ɻ ·ͨɺ Կ͔ى͖ ͔ͯΒͰͳ ࠜ͘ຊ͔ΒͷվળΛ ͝ཁͰ͋Εɺ ҆શ ɾ ҆৺Λલఏʹ ͨ͠γεςϜߏஙͱ ηΩϡ ϦςΟ ͷڧԽɺ ܧଓతͳ҆ఆՔಇΛकΔͨΊͷӡ༻ͷ͔྆࣠ΒͷΞϓϩʔνΛ ͤ͞ ͍͖ͯͨͩ ·͢ɻ ։ൃ͚ͩͰͳ ͘ ɺ Πϯϑϥج൫ରࡦ͓ͤ͘ ͍ͩ͞ 8&#։ൃऀ͕ࣾʹ͍ͳ͍ͨΊɺ Կ͔͋ͬͨͱ ͖ ͲͷΑ ͏ ͳରԠΛ ͨ͠Β͍͍͔Θ͔Βͳ͍ɻ ϫʔΫγ ϣ ο ϓܗࣜͷϛ ʔςΟ ϯάΛ௨ͯ͠ɺ αʔϏεͷ ʮ՝ʯ ʮՁఏڙʯ ʮλʔήο τʯ ʮڝ ߹ʯ ʮऩӹߏʯ ΛνʔϜͰݴޠԽɻ ϓϩδΣ Ϋ τશମͷڞ௨ೝࣝΛܗ͠ɺ ҎޙͷσβΠ ϯ ɾ ։ൃஅͷ࣠ͱ ͳΔαΠ τઃܭํΛ໌֬ʹ ͠·͢ɻ ܦݧ๛ͳͰ͖ΔΤϯδχΞɺ σβΠφʔ͕αʔϏεΛࢧԉ αʔϏεͷ࡞Γํ ɾ ҭͯํ͕Θ͔Βͳ͍ɺ ྑ͍ΞΠσΞ͕͋ͬͯɺ Ͳ ͏ͬͯ࡞Δ͔Θ͔Βͳ͍ɻ ·ͨ࡞ͬͨྑ͍͚Ͳ Ͳ ͏ ͨ͠Β͢Δ͔ɺ Ͳ ͏ ͨ͠ΒϑΝ ϯ͕Ͱ͖Δ͔Θ͔Βͳ͍ɻ CASE 02 CASE 01 ISSUE / OUR STANCE
ֹͷ༧ࢉɺ εϙο τͰͷγεςϜࢧԉՄೳͰ͢ɻ ݶΒΕͨ༧ࢉͰɺ ࠷༏ઌʹऔΓ Ή͖՝ΛظతͳࢹΛؚΊͯ͝ఏҊ͍͖ͤͯͨͩ͞ ·͢ɻ Φʔφʔ༷ͷ͝ཁن ײʹ߹ΘͤͯॊೈͳରԠ͕Ͱ͖Δͷɺ ίϯύΫ
τʹಈ͚ΔฐࣾͷಛͷҰͭͰ͢ɻ ༧ࢉͰΫϦΞ͢Δ͖՝Λ͝ఏҊ ༧ࢉ͕ଟ͘ ͳ͍ͷͰɺ εϙο τͰͷࢧԉগֹͰͷ ఆظతͳαϙʔ τࢧԉΛ͓ئ͍͍ͨ͠ɻ ฐࣾγεςϜاۀͰͳ ͘ɺ 8FCΫ Ϧ ΤΠςΟ ϒاۀͳͷͰɺ γεςϜΛͭ͘ ͬͯऴΘΓ ͱ͍ ͏ Θ͚Ͱ͋ Γ ·ͤΜɻ Φʔφʔ༷ͷͭ͘ Γ ͍ͨͷΛ ώΞϦ ϯά ͠ɺ ཁ݅ఆٛεέδϡʔϧ ཧˠ੍࡞ˠϦ Ϧ ʔεޙͷରԠ·ͰՄೳͰ͢ɻ 8FCγεςϜͷվળ γεςϜϦ ϓϨΠ ε ҆৺͓ͯͤ͠ ͘ ͩ ͍͞ɻ γεςϜͷٺԽɺ ηΩϡ ϦςΟ Ϧ εΫػೳෆͳͲ༷ʑͳ ཁͷഎܠʹ͋Δ՝ʹରͯ͠ɺ Φʔφʔ༷ʹͱ ͬͯϕε τ ͱ ͳΔ͑ Λڞʹ୳͍͖ͯ͠ղܾ ͍͖ͯ͠ ·͢ɻ औΓΉ͖՝ͱతΛ໌֬ʹ͔ͯ͠Β͕ελʔ τ طଘγεςϜͷηΩϡ ϦςΟ ʹෆ͕҆͋Δ͚Ͳɺ ͲΕ͔ΒखΛ͚͍͍͔ͭͯΘ͔Βͳ͍ɻ 8&#αΠ τΛ੍࡞͍͍ͨ͠ͷͷɺ ͍উखηΩϡ ϦςΟ ͷ໘Ͱෆຬෆ͕҆͋Δɻ ࢲͨͪΦʔφʔ༷ͷࠜఈʹ͋Δɺ ͍͑ͨ͜ ͱ ͳͲ ΛΧλνͱ ͯ͠දݱ͢Δ Ϋ Ϧ ΤΠςΟ ϒ Λࢦ͍ͯ͠·͢ɻ αʔϏεϒϥϯ υͷੈք؍ Β ͠ ͞ Λଊ͑ɺ ໌֬ʹදݱ͢Δɻ Θ͔ͬͯ Β ͑ͳ͍͔ ͠Εͳ͍ɺ ͏ · ͘ΘΒͳ͍͔ ͠Εͳ͍ͱ͍͏͍ʹͦ͜ ʠΒ ͠ ͞ʡ ͕ӅΕ͍ͯΔͣ Ͱ͢ɻ Α Γྑ͍Ϋ Ϧ ΤΠςΟ ϒΛࢦ͢օ༷ͷ͓ख͍Λ ͤͯ͞ ͘ ͩ ͍͞ɻ Ӆ͞Ε͍ͨɺ Χλνʹ͢Δ͓ख͍͍ͨ͠·͢ɻ ࡞Γ͍ͨͷͷΠ ϝʔδ͋Δ͚Ͳɺ ύοέʔδͳͲ σβΠϯ໘ʹؔͯ͋͠·Γ͕ࣝͳ͍ͷͰΘ͔Βͳ͍ɻ άοζΞΠςϜΛ੍࡞͢Δʹ͋ͨΓࡉ͔ͳͩ͜ΘΓ͕ ͋Δ͚Ͳɺ ͦΕ͕ݱ࣮తʹ࡞ΕΔͷ͔Ͳ ͏͔Θ͔Βͳ͍ɻ CASE 04 CASE 05 CASE 03 ISSUE / OUR STANCE
ϗʔϜϖʔ δΛ8PSEQSFTTɺ &$Λ4UPSFTͱόϥόϥͰཧ ͍ͯͨͨ͠Ίɺ ͦΕ Β ΛҰͭʹ· ͱ Ίɺ Φ
ϯϥΠ ϯε τΞΛϕʔεʹ ͨࣗࣾ͠ͷϗʔϜϖʔ δ αΠ τߏஙΛߦ͍· ͨ͠ɻ ళฮΛϕʔεʹച্Λ৳ ͍ͯ͠· ͕ͨ͠ɺ &$α Π τͰͷച্Λر͞ Ε͍ͯ· ͨ͠ͷͰɺ ൺֱతʹ6* ɾ ϨΠΞ τ͕Χ ελϚΠ ζՄೳͳ ʠ4IPQJGZ -JRVJE ʡ Λ࠾༻ ੍͠࡞ɻ &$αΠ τ Λ੍࡞͢Δʹ͋ͨͬͯ ʮ୭ʹ͚ͯɺ Ͳ ΜͳՁΛఏڙ͢Δͷ͔ʯ Λ໌֬ʹ͢Δ ͜ ͱ ͔ Β࢝Ί·͢ɻ 6*ͷ༏ྼ ͪΖΜɺ ϒϥ ϯ υͷՁ ͍͑ͨ͜ ͱ Λ໌֬ʹઃܭʹམͱ ͠ࠐΉ͜ ͱ ͕࠷༏ઌͩ ͱߟ͍͑ͯ·͢ɻ · ͨɺ ʮকདྷతͳӡ༻ ɾ ֦ுੑͷࢹʯ Λ࣋ͭ͜ ͱ Λେʹ ੍ͯ͠࡞ ͍ͯ͠ ·͢ɻ ͞ Βʹɺ ҆ఆՔಇηΩϡ Ϧ ςΟ ୲อͷڧԽʹ͓͍ͯ ॏཁࢹ ͠ ͍ͯ·͢ɻ CLIENT ɿKAN Brewing SERVICE ɿWITCH CRAFT MARKET URL ɿhttps://witchcraftmarket.com/ EC SITE CASE STUDY
ҿ৯ళͱҿ৯͚ԷۀऀΛ݁Ϳϓϥ ο τ ϑ Υ ʔϜαʔ Ϗεͷ੍࡞Λ ͝ґ པͰɺ αʔ
Ϗεͷઓུاըɺ ۩ମతͳཁ݅ఆٛ ɾ ϫΠ Ϡʔ࡞ ɾ αʔ Ϗ ε ϒϥ ϯσΟ ϯάͷσΟ ϨΫ γ ϣ ϯ ɾ αΠ τσβΠ ϯ੍࡞ ɾ γεςϜ։ൃͱશ ఔʹࢀըɻ Φ Ϧ δφϧαʔ ϏεαΠ τ։ൃʹ͓͍ͯॏཁͳͷ͕ɺ ϓϩμΫ τશମͷςʔ Ϛ Λܾఆ͢Δ ͜ ͱ Ͱ͢ɻ ԿΛࢦ͔͢ςʔϚʹΑ ͬͯมΘͬͯ ͘ ΔͷͰɺ ࠷ॳʹࢦΛఆΊ͓ͯ ͘ ͜ ͱ ͕େͰ͢ɻ · ͨɺ #UP# Φ Ϧ δφϧαʔ Ϗε αΠ τ Ϣʔβʔ͚ͩͰͳ ͘ ɺ اۀ αϓϥΠ Ϡʔ ͱاۀ Ϣʔβʔ ͷ֤ ۀϑϩʔ Λ γεςϜԽ͢Δͳ Ͳɺ ී௨ͷ&$αΠ τ ͱ ҟͳΔಈ͖͕ଟ͘ ͋ Γ ·͢ɻ ฐࣾͰ։ൃલͷϓϩμΫ τશମͷςʔϚܾΊ͔ Β༷ʑͳࢹ ͔ Βߟྀ ࣮ͨ͠·ͰҰ؏ ͯ͠ߦ͏ ͜ ͱ ͕Ͱ͖ ·͢ɻ CLIENT ɿ തใಊϛ ϥΠͷࣄۀࣨ SERVICE ɿNeighbors Food Market URL ɿhttps://neighbors-foodmarket.com/ ORIGINAL SERVICE SITE CASE STUDY
طଘαΠ τσβΠ ϯ Ϧ χϡʔΞϧͷ͝ґཔɻ ͢ͰʹγεςϜ Ϧ χϡʔΞϧΛ ߦ͍ͬͯ· ͕ͨ͠ɺ
Π ϝ ʔ δ௨ΓͷσβΠ ϯί ϯςϯπ ΛܝࡌͰ͖͍ͯͳ ͍ঢ়ଶͰ ͨ͠ɻ 8FCϝ σΟ Ξʹ࠷దͳใΛೖΕࠐΉ͜ ͱɺ BOBOͳ Β Ͱ ͷσβΠ ϯΠ ϥε τɺ όφʔը૾ͳ Ͳ ϒϥ ϯσΟ ϯά Λ࠶ߏஙɻ Φ ϯ υ ϝ σΟ Ξ੍࡞Λґཔ͞ ΕΔํʑ ʮࣗͨͪͷ͍͑ͨ͜ ͱ Λ ͬ͠ ͔Γൃ৴ ͍ͨ͠ʯ ͱ͍ͬͨཁΛ͓࣋ͪͷํ͕ଟ͍Ͱ͢ɻ ͦͷͨΊʹࣗ ͨͪ Β ͠ ͞ ੈք؍ ͷཱ֬ɺ ͞ Βʹ4&0ରࡦͳ ͲϢʔβʔ ͱͷͱ ͳ ΔॴΛ໌֬ʹ͢Δ ͜ ͱʹॏΛ͓͍ͯऔΓΜͰ͍·͢ɻ · ͨɺ Φ ϯ υ ϝ σΟ Ξޙ՝ͷநग़ɺ ՝͔ Βݟ͑Δ ϓϥ ϯͷࡦఆ ɾ ࣮վम ɾ ޮՌଌఆΛ܁Γฦ ͠ɺ Α Γྑ͍ϝ σΟ Ξͱڞʹҭ͍͖ͯͯ ·͢ɻ CLIENT ɿגࣜձࣾϚΨδϯϋε SERVICE ɿananweb URL ɿhttps://ananweb.jp/ OWNED MEDIA CASE STUDY
&$αΠ τ੍࡞Λ ͡Ίɺ ϩΰ ɾ ίʔελʔ ɾ Φ Ϧ δφϧϏʔϧϥϕϧ
ɾ γ ϣ ο ϓ Χʔ υͳ Ͳ ϒϥ ϯσΟ ϯάσβΠ ϯ؍ʹΑΔ τʔλϧΫ Ϧ ΤΠ ςΟ ϒɺ प ͷه೦ά ο ζ੍࡞ɺ λ ϒϩΠ υͳ Ͳͷҹͳ Ͳɺ ฐࣾσβΠφʔʹΑ ΔϞϊͷσβΠ ϯ੍࡞ঝ͓ͬͯΓ ·͢ɻ Ξʔ τσΟ ϨΫλʔ Λத৺ʹɺ ੍ ࡞લͷώΞϦ ϯά͔ ΒσβΠ ϯύλʔ ϯ੍࡞ɺ ೲ·ͰҰ؏ ੍ͨ͠࡞ϑϩ ʔʹͯαϙʔ τ ͞ ͍͖ͤͯͨͩ ·͢ɻ PRODUCTION ɿ TOTAL CREATIVE ϒϥ ϯ υϩΰɺ γ ϣ ο ϓΧʔ υɺ ҿྉύο έʔ δɺ ες ο Χʔɺ ໊ɺ λ ϒϩΠ υɺ Φ Ϧ δφϧά ο ζͳ Ͳ CASE STUDY
ۀҎ্ͷྺ࢙Λ࣋ͭΫϥΠΞϯ τ ͞ Μ͔ Βɺ ܧଓతͳ҆ఆՔಇΛ ࢦͨ͢ΊγεςϜपΓ ΛҰ৽ɻ 4&0ͷϖʔ δݕࡧϥ
ϯΩϯάͷԼམɺ طଘαʔ Ϗεͷച্্Λతͱ ͨ͠طଘػೳͷվम ɾ ϝ ϯςφϯε Λ࣮ ࢪɻ ͢ͰʹՔಇதͷ8FCαʔ Ϗεɺ &$αΠ τͷϝ ϯςφϯε։ൃ߹Θͤ ͯߦ͍· ͨ͠ɻ ฐࣾͰΞύϨϧՈ۩ɺ ৯ͳ ͲͷϥΠ ϑελ Πϧܥͷ&$αΠ τ8FC ϚΨδϯɺ #UP#ͷ8FCαʔ Ϗεɺ ίʔϙϨʔ ταΠ τͳ ͲͷվमΛঝ͍ͬͯ· ͢ɻ ඞཁ͕͋Εଧͪ߹ΘͤΛߦ͍ɺ ՝֬ೝ͔ ΒղܾࡦͷఏҊΛ ͞ ͤͯ ͍͖ͨͩɺ ֤ϖʔ δͷվमΛ࣮ࢪɻ · ͨɺ ҆ఆ ͯ͠ӡӦ͕Ͱ͖ Δ࡞Γ Λ ࢦ ͨ͠ܕͷαϙʔ τ ͓ͤ ͘ ͩ ͞ ͍ɻ ֹ݄ͷඅ༻ΛఆظͰଷ ͠ ·͢ CLIENT ɿ༑ຟҿྉ SERVICE ɿ༑ຟҿྉϗʔϜϖʔ δ URL ɿhttps://www.tomomasu.co.jp/ MAINTENANCE DEVELOPMENT CASE STUDY
αΠ τͷ্ཱͪ͛ॳظϑΣʔζ͔Β8FCσΟ ϨΫλʔͱ Ϋ ϦΤΠςΟ ϒ੍࡞ͷ྆ଆ͔Βαϙʔ τ ͞ Βʹɺ ఆྫNUHΛ։࠵͠
Ϧ ϦʔεޙͷαʔϏεάϩʔε Λ࣮ࢪɻ ώΞϦϯά ͓ݟੵΓ ϫΠϠʔ࡞ σβΠϯ࡞ γεςϜ։ൃ ςετ मਖ਼ ϦϦʔε αΠτ্ཱͪ͛ΫϦΤΠςΟϒ੍࡞ αΠτ੍࡞ޙͷఆৗۀ ि࣍ఆྫ .5( Ͱ վળاը γεςϜ։ൃ σβΠϯվम ςετ मਖ਼ ϦϦʔε ܁Γฦ࣮͠ࢪ ରԠࣄྫ ೲ҆ ࢧ͍݅ ɾ Φ Ϧ δφϧαʔϏεαΠ τͷ։ൃ ɾ ϒϥϯσΟ ϯάΛߟྀͨ͠σβΠ ϯ͓ΑͼγεςϜ։ൃ ɾ Φϯ υϝσΟ Ξͷ੍࡞ ɾ طଘΦϯ υϝσΟ ΞͷγεςϜ 8PSEQSFTT σʔλϕʔε ηΩϡ ϦςΟ Ξο ϓσʔ τͷ࡞ۀ ͷ ϑϧϦχϡʔΞϧ ɾ 8FCαΠ τɺ γεςϜͷఆظϝ ϯςφϯεɺ ػೳՃɺ ݄࣍4&0Ϩϙʔ τ࡞ ੳ վળఏҊ ɾ اۀαΠ τ੍࡞ FUD ɾ ɾ ɾ ɾ αΠ τ্੍ཱͪ͛࡞ϲ݄ʙ ɾ αΠ τ੍࡞ޙͷఆৗۀ࡞ۀ༰ʹԠͯ͡૬ஊ খنվमʙɺ େنվमʙΧ݄ ɾ αΠ τ্੍ཱͪ͛࡞ணख࣌ʹ੍࡞අͷˋɺ ೲޙʹֹ ɾ αΠ τ੍࡞ޙͷఆৗۀ݄కΊɺ ཌ݄ 8FCσΟ ϨΫλʔͱ ͯ͠ఆྫNUHʹࢀՃ͠ີʹΓऔΓ Λߦ͍ɺ 8FC ɾ Ϋ ϦΤΠςΟ ϒ੍࡞Λ࣮ࢪɻ Ϧ Ϧʔεޙʹ͓Ҿ͖͠ɻ ରԠࣄྫ ೲ҆ ࢧ͍݅ ɾ Ϧ ο νͳΞχϝ ʔγϣ ϯΛͬͨϥϯσΟ ϯάϖʔδ੍࡞ ɾ اۀαΠ τ੍࡞ ɾ 4IPQJGZͷσβΠ ϯςʔϚΛͬͨ&$αΠ τ੍࡞ FUD ɾ ɾ ɾ ʙΧ݄ ணख࣌ʹ੍࡞අͷɺ ೲޙʹֹ ώΞϦϯά ͓ݟੵΓ ϫΠϠʔ࡞ σβΠϯ࡞ γεςϜ։ൃ ςετ मਖ਼ αΠτ্ཱͪ͛ΫϦΤΠςΟϒ੍࡞ ϦϦʔε ͓Ҿ͠ ܕࢧԉ 01 02 εϙοτܕࢧԉ " FLOW
8FC੍࡞ʹ͓͍ͯɺ Ϋ ϦΤΠςΟ ϒ੍࡞ͷΈͷ෦Λߦ͏ɻ Ϧ Ϧʔεޙʹ͓Ҿ͖͠ɻ ରԠࣄྫ ೲ҆ ࢧ͍݅ ɾ
طଘϗʔϜϖʔδͷϖʔδՃ ɾ طଘ&$αΠ τͷϖʔδվम؆қతͳػೳՃ ɾ ϥϯσΟ ϯάϖʔδ੍࡞ ɾ 4IPQJGZͷσβΠ ϯςʔϚΛͬͨ&$αΠ τ੍࡞ FUD ɾ ɾ ɾ ʙΧ݄ ೲޙɺ ଈ࣌ৼࠐ ཌ݄ະࢧ͍૬ஊՄ σβΠϯ࡞ γεςϜ։ൃ ςετ मਖ਼ ϦϦʔε ͓Ҿ͠ ώΞϦϯά ͓ݟੵΓ ϫΠϠʔ࡞ ͓٬༷͘͠֎෦ 1. ʹΑΔɺฐ੍ࣾ࡞લ࡞ۀ ฐࣾʹΑΔαΠτͷ্ཱͪ͛ΫϦΤΠςΟϒ੍࡞ ώΞϦϯά ͓ݟੵΓ γεςϜ ͠ ͘ σβΠ ϯɺ Ͳ ͪ Β͔ͷΈͷΫ ϦΤΠςΟ ϒ੍࡞Λߦ͏ɻ Ϧ Ϧʔεޙʹ͓Ҿ͖͠ɻ ରԠࣄྫ ೲ҆ ࢧ͍݅ ɾ طଘαΠ τͷ෦తͳվम ɾ ؆қతͳϖʔδͷ੍࡞ ɾ όφʔɺ ΞΠ ίϯ੍࡞ FUD ɾ ɾ ʙिؒ ༰ʹΑͬͯʙೲՄೳ ೲޙɺ ଈ࣌ৼࠐ ཌ݄ະࢧ͍૬ஊՄ ώΞϦϯά ͓ݟੵΓ σβΠϯ࡞ γεςϜ։ൃ PS ͓٬༷͘͠֎෦ 1. ʹΑΔɺฐ੍ࣾ࡞લ࡞ۀ ཁ݅ఆٛߏ࡞ ςετ मਖ਼ ϦϦʔε ͓Ҿ͠ ϨϏϡʔ मਖ਼ ೲ ฐࣾʹΑΔΫϦΤΠςΟϒ੍࡞ 03 εϙοτܕࢧԉ # 04 εϙοτܕࢧԉ $ FLOW
'-08 ʹͯհ͍͍ͤͯͨͩͨ͞Ҏ֎ʹɺ ·ͣগֹɾεϙοτͰͷ͝ఏڙఆֹͰͷରԠͳͲॊೈͳࢀը͕ՄೳͰ͢ɻ ͝ཁʹ߹Θͤͯ࠷దͳϓϥϯͷ͝ఏҊͰ͖·͢ͷͰɺ ·ͣ͝૬ஊɾ͓ݟੵΓͳͲ͝ؾܰʹ͓͍߹Θ͍ͤͩ͘͞ʂ ๊͕ࣗͨͪ͑Δ՝ରԠͯ͠Β͑ΔͷͩΖ͏͔ʁ 8&# ੍࡞ʹ͍͕ͭͯࣝͳ͘ෆ҆ɾɾɾ ֹۚʹ༧ࢉ͕͋ͬͯେৎʁ
JOGP!UPQPTUPQPTKQ CONTACT