University of Exeter · Final MSc hackathon · Team Transakt
Blockmediary
A team-built fintech prototype for SME cross-border trade. My main contribution was translating the product and smart contract requirements into a frontend that buyers and sellers could follow.
- My focus
- Frontend and deal-flow design
- Format
- Final academic hackathon
Project brief
A cross-border trade project built around stablecoins
Our team, Transakt, built Blockmediary for the final hackathon on the University of Exeter’s MSc Financial Technology programme. The hackathon served as our final project in place of a traditional dissertation. We developed a working prototype that explored stablecoin settlement and programmable escrow for smaller cross-border deals.
I keep the contract design and deeper product mechanics off this public page. The sections below cover the part I spent most of my time on: turning the team’s requirements into a working interface.
My contribution
I connected the contract logic to the interface
My work sat between the smart contract, the backend and the user. I worked with the team to turn technical requirements into screens, statuses and actions that made sense in context.
Mapped requirements into screens
I took the smart contract and backend requirements and worked out where each piece belonged in the frontend. Users needed to see the status of a deal, the action available to them and the result of that action.
Worked through both user roles
The buyer and seller enter the same deal with different jobs. I helped shape both views so each party saw the information and controls that matched their role.
Matched the UI to live deal data
I kept the interface connected to the backend flow. The dashboard used the live deal record to show the current status and available actions.
Built the public and product-facing screens
I worked on the landing page, dashboard and deal views. I also helped set the visual direction and kept the experience consistent across the product.
Frontend decisions
The questions I worked through
The contract supplied the rules. The frontend still needed to explain them without asking the user to understand blockchain terminology.
Current stateShow where the deal stands
I converted backend status into a readable explanation, progress indicator and next step.
User roleGive the action to the right person
I separated buyer and seller controls so the page did not present actions to the wrong party.
Backend resultKeep the screen aligned with the backend
I checked that the UI updated from the deal record after each backend action.
Selected interface work
From the landing page to the dashboard
These screens show the visual direction and the dashboard I helped shape around live deal status, attention items and user actions.
Teamwork
My part connected work across the team
Our team divided the work across product research, smart contracts, backend development and the interface. I spent most of my time connecting those parts on the frontend.
I spoke with teammates about what each action changed, then reflected those decisions in the flow and screen copy. That work tied the technical pieces into one product experience.