S-06 / Websites and software / UI/UX design
UI/UX design for web apps and mobile apps, in Figma
Designed to be built, not just admired.
Short answer
Ceylond designs web apps, mobile apps and design systems in Figma for startups, small businesses and agencies. Our designers work beside the developers who will build the product, so every screen is buildable and handed off with components and tokens. Fixed packages start from A$1,990£1,150US$1,450AED 4,900LKR 89,900 for one flow and A$5,990£3,450US$4,290AED 14,500LKR 249,900 for a 25-screen product.
UI/UX design
LiveTools we work with
- Figma
- FigJam
- Figma variables
- Next.js
- Shopify
Who it is for
Sound familiar?
- 01
Your app works, but users get lost and give up.
- 02
Your developers keep asking how screens should behave.
- 03
Every new screen looks slightly different from the last one.
- 04
Your designer delivered pictures, not something developers can build.
What you get
What we design
User flows and wireframes
The paths users take, mapped and tested as simple wireframes before visual design.
High-fidelity screens
Polished Figma screens for web, iOS and Android, with every state covered.
Clickable prototypes
Prototypes you can test with real users and show to investors.
Component libraries
Reusable components with variants, so new screens stay consistent.
Design systems
Figma variables and tokens, light and dark modes, and documented usage rules.
Developer handoff
Named components, tokens and annotated specs your developers can build from.
01 / UI/UX design
Design systems in Figma
A design system is a shared library of colours, type, spacing and components, with rules for using them. You need one when several people design or build screens, or when you have more than one product. We set it up with Figma variables and code-ready names, so it maps to your front-end code.
02 / UI/UX design
Design that developers can build
Our developers build in Next.js and Shopify every day, so they check feasibility while the design is still in Figma, not after. You can build with us, or take the files to your own team.
- Feasibility checked during design
- Named components and tokens
- Responsive and mobile variants
- Accessibility basics: contrast, focus, tap targets
- Annotated specs
- Optional build by our team
Packages and pricing
UI/UX design packages and prices
How much does app design cost?
In Australia, freelance designers typically charge A$8,000 to 20,000 for a full app UI of 10 to 20 screens, and studios much more. Ceylond’s product UI package starts from A$5,990£3,450US$4,290AED 14,500LKR 249,900 for up to 25 screens with a component library, prototype and handoff. A single flow starts from A$1,990£1,150US$1,450AED 4,900LKR 89,900, and a design system from A$7,990£4,590US$5,790AED 19,500LKR 329,900.
Prices last updated · See all prices
Flow sprint
One key flow
FromA$1,990£1,150US$1,450AED 4,900LKR 89,900a project
- Up to 8 screens
- Wireframes and hi-fi Figma
- Clickable prototype
Product UI
Up to 25 screens
FromA$5,990£3,450US$4,290AED 14,500LKR 249,900a project
- User flows
- Component library
- Responsive or iOS and Android variants
- Developer handoff
Design system
Teams and multiple products
FromA$7,990£4,590US$5,790AED 19,500LKR 329,900a project
- Figma variables and tokens
- Light and dark modes
- 30 to 50 documented components
Launch offer
Founding client offer
Our first five clients in each country get 20% off the first three months of any monthly plan, or 15% off a website, Shopify or software project. In return we ask for an honest review and permission to publish the results.
Launch offer
Design approval guarantee
If you do not approve the homepage design after two rounds of changes, we refund your first payment. Smaller projects are paid half to start and half before launch; larger builds in three stages.
For agencies
White label UI/UX design for agencies
Agencies resell our design work with no Ceylond branding in the files. We can design only, or design and build. Delivered under your agency’s brand, with an NDA, a written promise that we never approach your clients, and the work owned by you once it is paid. See the white-label page for the rate card.
How it works
Four steps, no surprises.
- 1
Understand
Goals, users and constraints, and the flows that matter most.
- 2
Wireframe
Flows and wireframes reviewed with you before visual design.
- 3
Design
High-fidelity screens and components, reviewed weekly in Figma.
- 4
Hand off
Prototype, specs and a walkthrough for your developers.
Questions
Your questions, answered.
How long does it take to design an app in Figma?
A single flow of up to 8 screens usually takes one to two weeks. A full product of around 25 screens takes four to six weeks, depending on how quickly feedback comes back. Design systems take three to five weeks, and we agree milestones up front.
What is a design system and do I need one?
A design system is a shared library of colours, type, spacing and components, with rules for using them. You need one when several people design or build screens, or when you have more than one product. Small single-flow projects usually only need a lightweight component set.
Can you build what you design?
Yes. Our developers build web apps and websites in Next.js and Shopify, so designs are checked for feasibility during design. You can also take the Figma files to your own developers; handoff includes named components, tokens and annotated specs.
Do you do user research and usability testing?
We include light testing with prototypes as standard. Formal user research and moderated usability testing are quoted as add-ons, because they depend on who your users are and how many sessions you need.
Do you design mobile apps for iOS and Android?
Yes. We design mobile app interfaces following iOS and Android patterns, with variants for each where they differ. For building the app itself, see our mobile app development service.
Free consultation
Let’s talk about your project.
Tell us what you want to grow: a brand, a campaign, a website or the whole business. We reply within one business day with honest next steps.