UI/UX design and website mock-ups in Bastia
UI/UX design covers how a website or app looks, its user interface (UI), and how easy it is to use, the user experience (UX). From Bastia, we create your website and app mock-ups, and you approve them screen by screen before development begins, so you know exactly what will be built.
Interface design and usability: what are we talking about?
UX, short for user experience, is about the journey: what visitors come looking for, the path they take to find it and the obstacles they meet along the way. UI, short for user interface, is about what they see: layout, colours, buttons, icons. Usability, finally, means adapting the tool to its users, not the other way round.
The two go hand in hand. A stunning website that hides the phone number loses customers; a practical tool that looks neglected inspires less trust. Our job is to strike the right balance between the image you want to project and the simplicity your visitors need.
What our website and app mock-ups include
- 01
Site map and user journeys
The list of pages or screens and how users move between them, to check that every visitor quickly finds what they came for.
- 02
Wireframes
Black-and-white sketches, with no styling, that position content and buttons on each page. They let us discuss structure without being distracted by colours.
- 03
Visual mock-ups
Finished screens in your brand colours, for mobile and desktop, using real content rather than placeholder text.
- 04
Clickable prototype
A simulation you can click through like the real website or app, to test journeys before a single line of code is written.
- 05
Component library
Buttons, forms, cards, menus: a set of reusable elements, often called a design system, that keeps things consistent as the site grows.
- 06
Developer notes
Expected behaviour, error messages, the different states of a button or a form: everything needed to build the interface without guesswork.
Which projects benefit from UI/UX design?
- 01
Showcase websites and shops
Presenting your offer clearly and guiding visitors towards a call, a quote request or a visit to your shop.
- 02
Hospitality, tourism and restaurants
Key information within thumb's reach on a phone: availability, booking, menu, directions, with versions in several languages for visitors passing through Corsica.
- 03
Business applications
Screens your team uses all day long: faster data entry, readable tables, fewer mistakes. This is often where good usability saves the most time.
- 04
Local authorities and associations
Online services everyone can understand, with digital accessibility built in: in France, public bodies must follow the RGAA accessibility standard, which is based on WCAG.
- 05
Start-ups
A realistic prototype to test an idea with future users or to present your project before development begins.
How we design an interface, step by step
- 01
Understand
Your goals, users, content and constraints. For a redesign, we also analyse the current site to spot what is holding visitors back.
- 02
Structure
We build the site map and wireframes and agree them with you before moving on to visual design.
- 03
Design
We produce the visual mock-ups and the prototype, applying your brand guidelines or creating them if needed.
- 04
Test and approve
You click through the prototype, we have a few users try it where possible, then we make corrections. Mock-ups are approved before any production.
- 05
Support development
We also build websites and apps, so nothing is lost between mock-up and finished product. If you already have a technical team, we hand over complete files and notes.
Usability mistakes we make sure to avoid
Many websites lose visitors for simple reasons. These are the points we check every time.
- 01
Forgetting the phone
A large share of visits happens on mobile. We design for the small screen first, then scale up.
- 02
Trying to say everything on one page
One page, one main goal and one obvious action: call, book, request a quote.
- 03
Neglecting legibility
Text that is too small, weak contrast, buttons that are hard to tap: what hinders a visually impaired person also hinders everyone in bright sunshine.
- 04
Overlong forms
Every unnecessary field makes some visitors give up. We ask only for what is essential.
- 05
Sacrificing speed
Heavy images and pointless animations slow the site down and also hurt its search rankings.
- 06
Inconsistency
The same button should always look the same and do the same thing, from one page to the next.
What affects the cost of UI/UX design, and what comes next
Cost depends mainly on the number of distinct screens or page templates, the complexity of the journeys (booking, customer account, payment), how detailed the prototype needs to be, whether user testing is organised, the number of languages and whether a visual identity already exists. You receive a clear quote setting out these elements before you commit.
After launch, the work does not necessarily stop. Visitor statistics and customer feedback reveal where journeys can be simplified further. We can refine the interface step by step, without redesigning everything, whether you are in Bastia or elsewhere.
Technologies and methods
- UX
- UI
- Wireframes
- Clickable prototype
- Design system
- Responsive design
- Accessibility (WCAG / RGAA)
Frequently asked questions
Why pay for mock-ups instead of going straight to development?
Because changing a drawing is far easier than changing a website that has already been built. Mock-ups let you approve the structure, content and look before development: costly last-minute changes become rare.
Can you produce the mock-ups only?
Yes. We can deliver mock-ups and a prototype to your team or to another supplier, with the notes needed to build them. If you prefer, we also handle development, which avoids information getting lost between design and engineering.
Can my current website be improved without starting over?
Often, yes. A usability audit pinpoints the sticking points: a confusing menu, a hidden call button, an overlong form. Some fixes can be made on the existing site; a redesign is only worthwhile if its foundations no longer allow progress.
Will the design work on phones and tablets?
Yes. We design every screen for mobile first, then for wider screens. This is known as responsive design: the page adapts to the screen size without losing its essential information.
How many rounds of revisions are included?
The number of revision rounds is stated in the quote. In practice, approving the wireframes before the visual mock-ups greatly reduces late changes, because the page structure is already settled.