User interface · Web & Mobile

UI Designer in Tunisia

I design clear, coherent and recognizable web and mobile interfaces. Each screen translates the brand identity into a visual language suited to the digital product.

Design visuel de l’interface web OSS
Design visuel de l’interface mobile Traffic Battah
Visual interface design
Clear positioning:the projects shown here concern visual interface design and do not claim UX research or usability testing that was not performed.

UI services

Give the interface a clear identity

The goal is to transform screen structure or functional content into a visually organized interface aligned with the brand and adaptable to required formats.

01

Visual direction

Definition of colors, typography, shapes, imagery and principles that give the product its character.

02

High-fidelity mockups

Detailed design of desktop or mobile screens with precise and consistent visual hierarchy.

03

UI kit & components

Organization of buttons, fields, cards, colors and reusable styles to maintain consistency.

04

Brand adaptation

Translation of an existing visual identity into a language suited to digital use.

05

Responsive visuals

Consistent adaptation of screens and visual elements across desktop, tablet and mobile.

06

Developer handoff

Organization of screens, components and assets so visual decisions are understandable to the technical team.

UI ≠ UX

Two related but different disciplines

Service presented on this page

UI Design

The work focuses on the visual expression and graphic consistency of the interface.

  • Visual hierarchy
  • High-fidelity screens
  • Components and styles
  • Brand consistency
Scoped separately depending on the project

UX Design

UX involves specific upstream and validation work. These stages are not attributed to the projects shown below.

  • User research
  • Architecture and journeys
  • Functional wireframes
  • Usability testing

UI work

Identities translated into screens

On these projects, my role focused on visual interface design.

UI process

A structured visual process

01 — CADRAGE

Receive the foundations

Functions, content, screen structure, existing guidelines and constraints.

02 — DIRECTION

Define the language

Colors, typography, components and visual hierarchy principles.

03 — ÉCRANS

Deploy the design

Creation of mockups and adaptations across the required screens.

04 — LIVRAISON

Organize the assets

Consistency review and preparation of assets for implementation.

Tunisia & remote

UI collaboration without borders

Based in Tunis, I can work directly for a company or as visual design support for an agency or product team, in Tunisia or remotely.

TunisiaFranceCanadaFrench-speaking AfricaRemote collaboration

FAQ

Frequently asked questions

It can include visual direction, high-fidelity mockups, graphic components and desktop and mobile adaptations.
UI Design mainly concerns the appearance and visual consistency of interfaces. UX Design includes research, journeys, architecture and usability testing.
Yes. Brand codes are translated into colors, typography, components and visual rules suited to screens.
Yes. Screens can be designed and reviewed remotely through structured presentation and feedback stages.

An interface that needs
a visual identity?

Share the screens, available structure and brand identity. Together we will define the right UI scope.