Branding
UI/UX Design
Webflow Website Development
Mangrove
An order book-based DeFi exchange
Completed on:
May 2023
What is Mangrove?
MangroveisaDEXwithanon-chainorderbook.Butinsteadoflockingtokens,userslistpromises.Liquiditystaysactive—usedinlending,farming,orothertrades—untilsomeonetakestheoffer.Whenthathappens,Mangrovesourcesthefunds.ThissetupkeepsTotalUnlockedValuehighandmoneyworking.Offersaresmartcontractstoo,souserscanruntradingstrategiesdirectly.That'sdifferentfromotherDEXs.Mangroveletspeopletradewhilestillearningyieldelsewhere,whichmakesitbothflexibleandpowerful.
Design and User Experience
Mangrove'slookisboldandclean.Weusedgreensanddarktonestomakeitfeelmodernandeasytoread.Thebrandingusesroot-likeshapesandnature-inspirediconstoshowhoweverythingconnects—justlikeinDeFi.CustomillustrationshelpexplainwhatMangrovedoeswithoutneedingmuchtext.Thesiteguidesdifferentusers—traders,builders,andDeFifolks—throughkeypartsoftheDEX.Wemadesureit'ssimpletofindinfofast.Everythingfromlayouttobuttonswasbuiltforclarity,notflash.
Webflow Build and Performance
WebuiltthesiteonWebflow.Thatmeanseverythingisclean,fast,andworksonalldevices.Eventhoughit'sWebflow,weaddedcustomanimationsandinteractionstofitMangrove'sstyle.Notemplates.It'sallcustom.Pageloadisfast,evenwiththedarkthemeandvisuals.WemadesurethesmartofferandTVUconceptsareclearfromthestart.Mobilealsoworkswell—nothingbreaks.Thebuildholdsupasnewpagesgetaddedtoo,withnobugsorlag.
"The team really liked the design—it was just how we wanted it. It was also finished on a very tight deadline, which we didn't think was possible. We'd happily work with them again."
Vincent Danos
Co-founder, Mangrove
