UI/UX design

Websites and apps that are easy to use, look great and are ready to build

Cananest researches your users, designs the flows and interface in Figma, then hands over detailed designs so developers build exactly what was designed.

  • Design based on real user behaviour
  • A consistent design system
  • Figma handoff with every state, ready to code
Deliverables
  1. 01Sitemap & user flows
  2. 02Wireframes & clickable prototype
  3. 03Desktop and mobile UI
  4. 04Design system & Figma file

Is your website or app driving people away?

01
Problem

Looks nice, hard to use

Visitors cannot find the order button, forms are too long and the layout breaks on phones.

Solution

We design from the user flow: each screen has one clear goal, mobile comes first, and steps are cut down.

02
Problem

Developers build something different

Designs miss states and measurements, so developers guess and the result drifts from the design.

Solution

Our Figma handoff covers every state (empty, error, loading), specs and components, with a walkthrough for your developers.

03
Problem

Every screen looks different

After years of growth, buttons, colours and spacing no longer match.

Solution

We build a design system of shared colours, type, spacing and components, so design and development move faster.

04
Problem

Lots of visitors, few conversions

The site gets traffic but few orders or enquiries.

Solution

A UX audit finds where people drop off, then we redesign the pages that matter most.

Where are you now?

Design from scratch

For startups and companies launching a website, app or MVP.

  • Clarify users and core features
  • Sitemap, wireframes, prototype
  • UI and a starter design system
Talk to us about this

Upgrade a live product

Keep what users know, fix what frustrates them and refresh the interface.

  • Review of the current experience
  • Redesign of key flows
  • A phased rollout plan
Talk to us about this

Optimise sales pages

For websites and landing pages that need more orders and enquiries.

  • UX audit of key pages
  • Redesigned landing page, forms and checkout
  • A/B test ideas
Talk to us about this

Standardise design for your team

For products with several designers and developers who need shared standards.

  • Inventory and standardise components
  • Figma library with variants
  • Usage documentation
Talk to us about this

Find out why people leave

A quick review of your product to decide what to fix first.

  • Heuristic review
  • Issues ranked by priority
  • Specific recommendations
Talk to us about this

Scope of work

User research

Interviews, surveys, personas and customer journeys.

Information architecture

Sitemap, navigation and user flows for each task.

Wireframes

Layout skeletons to agree on content and features before visual design.

UI design

Desktop, tablet and mobile UI in your brand style.

Prototype & testing

A clickable prototype, tested with real users and fixed before coding.

Design system

Shared colours, type, spacing, icons and components in Figma.

Developer handoff

Figma with specs, states, exported assets and a walkthrough.

UX writing

Clear headings, buttons and error messages.

Our UI/UX process

You approve each phase before the next, so changes happen early, while they are cheap.

  1. 01

    Discover

    1–2 weeks

    Business goals, users, competitors and your current product.

    You receivePersonasProblem statement
  2. 02

    Structure & wireframes

    1–2 weeks

    Sitemap, user flows and wireframes for key screens.

    You receiveSitemapUser flowsWireframes
  3. 03

    UI & design system

    2–4 weeks

    Detailed UI and a shared component library.

    You receiveScreen designsComponent library
  4. 04

    Prototype & test

    1 week

    A clickable prototype tested with real users on key tasks, then refined.

    You receivePrototypeTest findings
  5. 05

    Handoff & support

    During development

    Files, a developer walkthrough and design QA after the build.

    You receiveFigma handoff fileDesign QA

Designed to look good, or to work?

CriteriaVisual design onlyFull UI/UX with Cananest
Starting point
Pick a template you like
Business goals and real users
User flows
None, pages drawn one by one
Mapped for every task
Testing
Problems found after coding
Prototype tested before coding
Handoff
Screenshots
Figma with every state and spec
Future growth
Every new page starts over
A reusable design system

Projects we have delivered

Websites where we delivered UI/UX, graphics and content.

Study abroad & overseas work

Vilaco Group

A company offering study-abroad programmes, overseas job placement and language courses, with offices in Hanoi and Ho Chi Minh City.

Graphic designWebsite UI/UXContent
vilacogroup.vn
Restaurant · Food

Tien Vua Restaurant

A Hanoi restaurant (Van Khe, Ha Dong) known for Dong Tao and H'Mong chicken and chicken pho, with set menus and a membership programme.

Graphic designWebsite UI/UXContent
nhahangtienvua.vn
Education · Life skills

CARA Education

An education provider in the Tri Viet Education Group, running life-skills programmes for children aged 4–14 and academic classes in Hanoi.

Graphic designWebsite UI/UXContent
cara.edu.vn

UI/UX packages

UX audit

For live websites and apps that need to know what to fix first.

Contact for a quote

  • Review of key pages
  • Prioritised issue report
  • Recommendations with visuals
  • Results presentation
Get a quote
Most popular

Website & landing page

For businesses that need a company or sales website.

Contact for a quote

  • Sitemap and wireframes
  • Desktop and mobile UI
  • Clickable prototype
  • Page copy
  • Figma developer handoff
Get a quote

Apps & digital products

For apps, software and platforms with complex workflows.

Contact for a quote

  • User research
  • User flows for every feature
  • Full design system
  • Usability testing
  • Support during development
Get a quote

Time and cost depend on the number of screens and complexity. We send a detailed proposal after our first call.

Frequently asked questions

Which tools do you use?

We design in Figma. You and your developers can view, comment and inspect specs directly in the file.

Do you build it as well?

This service covers design and handoff. We support your developers throughout the build and review the result afterwards.

How long does a project take?

A landing page usually takes a few weeks; multi-page sites or apps can take a few months. The proposal includes a schedule.

What do I need to prepare?

Your goals, what you know about your users, existing content and sites you like. Analytics data helps if you have it.

Who owns the design files?

Once paid in full, the Figma files and usage rights are yours.

Can you work with our existing brand?

Yes. If you do not have one yet, we can create your identity alongside, through our graphic design service.

Tell us about your project

Leave your details and Cananest will get in touch to understand your needs and send a proposal that fits your budget. The consultation is free.