Hub RemontuHHuubb RReemmoonnttuu

ChallengeCChhaalllleennggee

A renovation studio is judged on work it has already finished, so the portfolio had to carry the site. The difficulty is that renovation photography arrives in batches, in mixed formats, long after a project closes.AA rreennoovvaattiioonn ssttuuddiioo iiss jjuuddggeedd oonn wwoorrkk iitt hhaass aallrreeaaddyy ffiinniisshheedd,, ssoo tthhee ppoorrttffoolliioo hhaadd ttoo ccaarrrryy tthhee ssiittee.. TThhee ddiiffffiiccuullttyy iiss tthhaatt rreennoovvaattiioonn pphhoottooggrraapphhyy aarrrriivveess iinn bbaattcchheess,, iinn mmiixxeedd ffoorrmmaattss,, lloonngg aafftteerr aa pprroojjeecctt cclloosseess..

The site also had to answer the two questions every visitor arrives with: what the studio actually does end to end, and what happens after the first call.TThhee ssiittee aallssoo hhaadd ttoo aannsswweerr tthhee ttwwoo qquueessttiioonnss eevveerryy vviissiittoorr aarrrriivveess wwiitthh:: wwhhaatt tthhee ssttuuddiioo aaccttuuaallllyy ddooeess eenndd ttoo eenndd,, aanndd wwhhaatt hhaappppeennss aafftteerr tthhee ffiirrsstt ccaallll..

SolutionSSoolluuttiioonn

A portfolio-first site where completed projects are the primary navigation and services sit behind them. PayloadCMS models a project once — cover, gallery, scope, description — so the studio adds new work itself, and the layout holds whether a project ships with five photos or fifty.AA ppoorrttffoolliioo--ffiirrsstt ssiittee wwhheerree ccoommpplleetteedd pprroojjeeccttss aarree tthhee pprriimmaarryy nnaavviiggaattiioonn aanndd sseerrvviicceess ssiitt bbeehhiinndd tthheemm.. PPaayyllooaaddCCMMSS mmooddeellss aa pprroojjeecctt oonnccee —— ccoovveerr,, ggaalllleerryy,, ssccooppee,, ddeessccrriippttiioonn —— ssoo tthhee ssttuuddiioo aaddddss nneeww wwoorrkk iittsseellff,, aanndd tthhee llaayyoouutt hhoollddss wwhheetthheerr aa pprroojjeecctt sshhiippss wwiitthh ffiivvee pphhoottooss oorr ffiiffttyy..

StackSSttaacckk

1. 01.0011..Next.jsNNeexxtt..jjssFront end and static page generationFFrroonntt eenndd aanndd ssttaattiicc ppaaggee ggeenneerraattiioonn
2. 02.0022..PayloadCMSPPaayyllooaaddCCMMSSThe studio publishes new projects itselfTThhee ssttuuddiioo ppuubblliisshheess nneeww pprroojjeeccttss iittsseellff

ResultRReessuulltt

Completed renovations go up without a developer in the loop, and the portfolio is the part of the site visitors reach first — full-cycle design and renovation shown rather than described.CCoommpplleetteedd rreennoovvaattiioonnss ggoo uupp wwiitthhoouutt aa ddeevveellooppeerr iinn tthhee lloooopp,, aanndd tthhee ppoorrttffoolliioo iiss tthhee ppaarrtt ooff tthhee ssiittee vviissiittoorrss rreeaacchh ffiirrsstt —— ffuullll--ccyyccllee ddeessiiggnn aanndd rreennoovvaattiioonn sshhoowwnn rraatthheerr tthhaann ddeessccrriibbeedd..