Case study
ooxchange
Overview
OOXchange is an olive oil trading platform that connects buyers and sellers through an intuitive, mobile-friendly interface.
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

Lubanxchange
Lubanxchange is an Omani online trading platform for luban (frankincense) resin and oil. I handled UI/UX design and frontend development for the client—from wireframes in Figma through a responsive HTML, CSS, JavaScript, and Tailwind CSS implementation.
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 →