Case study
Lubanxchange

Overview
Lubanxchange is an Omani online trading platform dedicated to the global trade of luban (frankincense) resin and oil. The platform connects producers, traders, and buyers worldwide, supporting transactions ranging from spot trading to futures contracts.
I worked directly with the client on the website, handling the UI/UX design and frontend development. I was responsible for translating the client's requirements into a responsive interface, from the initial wireframes through the final frontend implementation.
UI/UX Design
I started the project by gathering the requirements directly from the client and translating them into an initial interface structure.
The design process included:
- Low-fidelity wireframes
- High-fidelity designs
- Responsive layouts
- Client presentations
- Design revisions based on client feedback
- Final design validation
I used Figma to create and iterate on the designs before starting the frontend implementation.
Design process
Frontend Development
After the design was approved, I developed the responsive interface using:
- HTML
- CSS
- JavaScript
- Tailwind CSS
The implementation focused on accurately translating the approved Figma designs into a responsive frontend across different screen sizes.
Approved design
My Role
UI/UX Designer & Frontend Developer
I was responsible for the project from the initial client discussions through frontend delivery.
My responsibilities included:
- Communicating directly with the client
- Gathering and clarifying requirements
- Creating low-fidelity wireframes
- Creating high-fidelity designs in Figma
- Designing responsive layouts
- Presenting designs to the client
- Applying feedback and design revisions
- Developing the responsive frontend
- Implementing the interface using HTML, CSS, and JavaScript
- Working with Tailwind CSS
Technology
Design
- Figma
Frontend
- HTML
- CSS
- JavaScript
- Tailwind CSS
Links
Related projects
ooxchange
OOXchange is an olive oil trading platform connecting buyers and sellers through a mobile-friendly interface. I handled UI/UX design and frontend development for the client—from Figma wireframes through a responsive HTML, CSS, JavaScript, and Tailwind CSS build.
View case study →
AIBFPC
AIBFPC supports the African Insurance and Banking Fraud Professionals Consortium. I handled UI/UX design and frontend development for the client—from Figma wireframes through a responsive HTML, CSS, JavaScript, and Bootstrap implementation.
View case study →
Media Story
Media Story is a responsive multilingual corporate website delivered as a static frontend in one week. I handled UI design, React/Vite development, SEO and GEO, analytics, CI/CD with GitHub Actions, and Docker deployment to a Linux VPS.
View case study →