UI/UX design and website mock-ups in Bastia
UI/UX design means drawing what a website or app looks like (the interface, or UI) and how easily people can use it (the user experience, or UX). From Bastia, we produce your website and app mock-ups, and you approve them screen by screen before development starts, so you know exactly what will be built.
Interface design and usability, in plain terms
UX (user experience) is about the path a visitor takes. What they came for, the route they follow to find it, the obstacles along the way. UI (user interface) covers what they see on screen, the layout, the colours, the buttons. Usability, for its part, means fitting the tool to the people who use it, not the other way round.
One does not work without the other. A beautiful website that hides the phone number loses customers. Equally, a handy tool that looks neglected inspires less trust, even when it works perfectly well. Our job is to hold both ends, the image you want to project on one side and the simplicity your visitors need on the other.
What our website and app mock-ups include
- 01
Site map and user journeys
The list of pages or screens and how you move between them, which is the stage where we check that every visitor finds what they want quickly.
- 02
Wireframes
Black-and-white sketches, with no styling, that place the content and buttons on each page, so the layout can be discussed without colours getting in the way.
- 03
Visual mock-ups
The finished screens in your brand colours, for phone and desktop. With your real content, not Latin filler text.
- 04
Clickable prototype
A simulation you click through like the real website or app, so the user flows get tested before a single line of code is written.
- 05
Component library
Buttons, forms, cards, menus. This set of reusable elements, often called a design system, keeps the interface consistent as the site grows.
- 06
Developer notes
How each element should respond, which error messages to show, which states to plan for a button or a form. The developer has nothing left to guess.
Projects that benefit from UI/UX design
- 01
Showcase websites and shops
Presenting what you offer clearly, then leading visitors towards a call, a quote request or a visit to the shop.
- 02
Hotels, tourism, restaurants
Useful information within one-handed reach on a phone (availability, booking, menu, directions), with an English version for visitors passing through Corsica.
- 03
Business applications
Screens your staff use all day long. Entering data quickly, reading a table without squinting, making fewer mistakes. This is often where usability saves the most time.
- 04
Local authorities and associations
Online procedures everyone can understand. Digital accessibility comes into play, and the RGAA, the French accessibility standard, applies to public bodies.
- 05
Start-ups
A realistic prototype to test an idea with future users, or to present the project before development starts.
How we design an interface, step by step
- 01
Understand
First your goals and your users, then the content you have and the constraints to respect. For a redesign, we also analyse the current site to see where visitors drop off.
- 02
Structure
We build the site map and wireframes. You approve them before we move on to visual design.
- 03
Design
Then come the visual mock-ups and the prototype. We apply your brand guidelines, or create them if you do not have any yet.
- 04
Test and approve
You click through the prototype. When we can, we also have a few users try it, then we make corrections. Nothing goes into production until the mock-ups are approved.
- 05
Support development
Because we also build websites and apps, nothing gets lost between mock-up and finished product. If you already have a technical team, they receive complete files and notes.
The web usability mistakes we avoid
Many websites lose visitors for very simple reasons. We check these points on every project, without exception.
- 01
Forgetting the phone
A large share of visits happen on mobile. We design for the small screen first, then widen.
- 02
Trying to say everything on one page
A page serves one main goal and offers one obvious action, whether that is calling, booking or asking for a quote.
- 03
Neglecting legibility
Text too small, weak contrast, buttons hard to tap. What bothers a visually impaired person also bothers everyone else in full sun on a café terrace.
- 04
Overlong forms
Every extra field makes some visitors give up. We only ask for what is needed.
- 05
Sacrificing speed
Heavy images and pointless animations slow the site down. Its search ranking suffers too.
- 06
Inconsistency
A button should look and behave the same on every page.
The cost of UI/UX design, and follow-up after launch
Cost depends first on the number of different screens or page templates. A booking flow, a customer area or online payment takes more work than a contact page. The level of detail in the prototype matters too, as do user tests, the number of languages, or having no visual identity to build on. The quote spells all of this out before you commit.
Once the site is live, the work can carry on. Visitor statistics and what your customers tell you show where a flow could still be simpler, and we then adjust the interface in small steps, without redrawing everything, from Bastia or remotely.
Technologies and methods
- UX
- UI
- Wireframes
- Clickable prototype
- Design system
- Responsive design
- Accessibility (WCAG / RGAA)
Frequently asked questions
Why go through mock-ups instead of developing straight away?
Because changing a drawing costs far less than changing a finished website. Mock-ups confirm the structure and the look, with real content, before development. Last-minute changes, the expensive kind, become rare.
Can you do just the mock-ups?
Yes. We then hand the mock-ups and prototype to your team or to another supplier, with the notes needed to build it. We can also take on the development, which avoids information getting lost between design and code.
Can my current website be improved without starting over?
Often, yes. A usability audit finds the sticking points, such as a confusing menu, a hidden call button or an endless form. Many fixes can be made on the existing site. A redesign is only justified when its foundations no longer let you move forward.
Will the design work on phones and tablets?
Yes. Every screen is designed for mobile first, then for wider screens. This is called responsive design, a page that adapts to the size of the screen without losing its essential information.
How many rounds of revisions are included on the mock-ups?
The number of revision rounds is stated in the quote. In practice, approving the wireframes before the visual mock-ups greatly limits late changes, since the page layout is already settled by then.