Case study

ooxchange

ooxchange project preview

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