# UX/UI design for websites, apps and business software > UX/UI design for websites, apps and business software: UX audits, clickable prototypes and design systems, tested by the people who use them. Page: https://www.studiojem.it/en/services/ux-ui-design/ An interface is judged by the person using it on a Tuesday morning, not by the presentation. We do UX/UI design for websites, apps and business software: an audit of what you have, interface design, clickable prototypes and design systems. The work starts from the people who use the product every day and ends in files that your team, or ours, builds from without translating. We work with companies in Sardinia and all over Italy. A digital product gets complicated one feature at a time. Each addition makes sense on its own, and after two years the screens no longer look alike, the menu has items nobody opens and support keeps answering the same three questions. The problem is not the people using it: it is the interface. Our UX/UI design starts there. We watch who uses the product and what they are trying to do, then we design the shortest path and the screens that follow it. We have done it for a yacht broker with 180 yachts in its catalogue, for a communication app for people with ALS, and for an online Pilates platform with subscriptions and gift cards. For us, user experience design is work that ends up online, not in a presentation. The same studio designs and develops: the interfaces we draw are the ones that go into production, and the UI design takes account from the start of what the code can do well. We do UX/UI design in Sardinia and all over Italy. Here the products we design often live by the season: bookings, catalogues, fleets that in August are used ten times more than in February. An interface that handles the peak without confusing anyone is the same one that works for a company in Milan. ## Who we do it for - **SaaS & Digital Products** — A product that grew feature by feature, with screens that no longer look alike: the design system puts things in order before the next release. - **Yachting & Marine** — Large catalogues to browse on a phone, on the quay: search, listings and enquiry within thumb's reach, as for Your Charter. - **Wellness & Beauty** — Booking, paying for a package, sending a gift card: three actions that have to work first time, even for someone who opens the app once a month. - Hotels & Resorts - Restaurants - Real Estate & Luxury - Food & Wineries - Retail & Boutiques - Healthcare - Tourism & Experiences - Construction - Automotive & Services - Training & Education - Engineering & Energy - Events & Weddings - Professional firms - Architecture & Interiors - Gyms & Fitness ## What's included ### UX audit We start from what is there: where people stop, where they go back, where they write to support because they can't find a button. The UX audit ends in a list of fixes in order of weight, not in an aesthetic verdict. ### Interface design Interface design begins with the most frequent action. For [Flow Porto Cervo](/en/work/app-flow-porto-cervo/) it was finding a class and starting; for business software it is entering a figure without hunting for the field. Everything else is arranged around it. ### Prototypes on real cases Clickable screens with your content, not placeholder text. The people who will use the product try it before it exists, and that is where you discover the menu item nobody understands. ### Building a design system Colours, typefaces, spacing and components with their rules, in one place. Building a design system pays off when several people design or develop the same product; we have written about when it is worth it and when it is a waste in our article on when you need a design system. ### Accessibility Contrast, button sizes, readable text, keyboard navigation. For [eSLA](/en/work/esla/) every choice answered a single question: does it work when the hand shakes and the light is low? ## Method An interface goes wrong when it is drawn before watching who uses it. The first steps are observation; the pixels come later. - **Listening and data** — Interviews with the people who use the product, analytics, support requests. The result is the list of real problems, with the weight of each. - **Flows** — The path of each task, step by step, before any screen: this is where a pointless step is removed without arguing about colours. - **Prototype** — Clickable screens with real content, tried by the people who will use the product. We correct here, when a change costs an hour. - **Interfaces and system** — The final screens for desktop and mobile, with the design system components and the states nobody draws: error, empty, loading. - **Handover and checks** — Specifications for development, a review of what goes live, a check on the numbers after launch. ## What we build with We design in Figma, with components and variants that match the ones in the code. When we do the development, the design system lives in the code as well, in React and TypeScript, with shared colour and size tokens. This site is built that way: a single design system, with components and rules we use every day. Figma · FigJam · React · TypeScript · Design tokens · Google Analytics ## Audit or redesign? Not every awkward product needs redesigning from scratch. The difference lies in where the problem is. - **When an audit is enough** — The product works, but three or four points lose people: a form that is too long, an ambiguous menu. We fix those, in a few weeks. - **When you need a redesign** — Every added feature has its own logic, the screens no longer look alike and support keeps answering the same questions. There we start again from the flows. - **When you need a design system** — Several people work on the same product and each one remakes their own button. The system saves time from the second release onwards. ## How much it costs **On request** The price depends on the number of flows and screens, how much there is to observe before designing and whether a design system is needed. A UX audit on an existing product is a different job from an app designed from scratch: the quote is written and free, from the configurator at [/en/quote/](/en/quote/). ## FAQ ### How much does a UX/UI design project cost? It depends on how many screens and flows there are, and how much there is to observe first. An audit on an existing product and an app designed from scratch are different jobs: the quote is written and free, from the configurator at /en/quote/. ### How long does it take? A UX audit usually takes a few weeks. A full design runs alongside development: the first flows are tested as prototypes while the rest is being designed. ### Do you deliver only the files, or the site or app as well? Both. We can hand Figma files and specifications to your development team, or build websites, apps and business software ourselves on the same project. ### Who owns the files and the design system? You do. Figma files, components, rules and specifications pass to the client at the end of the project, and another team can pick them up without starting again. ### Do you work with companies outside Sardinia? Yes. Interviews, prototype reviews and tests work well on a call, with a shared screen. We work this way with companies all over Italy.