Green woven strap printed with Product, layered over orange and blue straps.

Product design

UI/UX & product design

Product design is how an app or platform works as well as how it looks. We design the flows, the screens and the system behind them, and test them in a prototype before any production code is written.

Included

Exovio designs user journeys, interfaces, prototypes and design systems for web and mobile products. Based in Nagpur and working remotely worldwide, we define the key flows, screen states and development handover before production begins.

We start with the people who will use the product and what they need to get done, map the flows, then design the interface and a component system your developers can build from, with the states and edge cases already worked out.

  1. 01

    Research and flows

    Who uses the product and what they need to get done, mapped into user journeys and an information architecture before any screen is drawn.

  2. 02

    Wireframes

    Layout and hierarchy for every key screen, quick to change while the structure is still being decided.

  3. 03

    Interface design

    High-fidelity screens for web and mobile, with every state worked out: empty, loading, error and success.

  4. 04

    Prototype

    A clickable prototype for testing with the people who will use the product and for sign-off, so problems are found before they are built.

  5. 05

    Design system

    Components, tokens and documentation your developers build from, so the product stays consistent as it grows.

Process

  1. 01

    Discovery

    Brief & scope

    Every project starts with what the business stands for and who it is for: your market, your audience and how people find you today.

    Undyed grey woven strap with an angled end, representing discovery.
  2. 02

    Strategy

    Agreed direction

    Then we set the positioning and messaging the work is built on, and write it down, so every page and post after it has something to answer to.

    Red woven strap with an angled end, representing strategy.
  3. 03

    Execution

    Service-specific

    We refine a direction, then design and build within the agreed total schedule: typically 2–3 weeks for identity, 4–8 for a website or 6–12 for both. Content and feedback affect timing.

    Red woven strap printed with the Exovio wordmark, representing execution.
  4. 04

    Launch & iterate

    Handover & support

    We launch and hand over the agreed assets, accounts and documentation. Ongoing maintenance, updates and support are scoped separately, so ownership and recurring costs are clear.

    Finished red Exovio wordmark strap with a notched end, layered over charcoal and grey straps, representing launch.

Planning and pricing

  1. 01

    Identify the key journeys

    Describe who uses the product and the tasks they need to complete. List the web or mobile platforms, existing screens and known problems. A focused first release can be scoped around the most important journeys.

  2. 02

    Include interface states

    Loading, empty, error and success states affect the experience as much as the main screens. Agree the data and validation rules with the development team so the design handover describes behaviour as well as appearance.

  3. 03

    Plan validation and handover

    Define who can take part in prototype testing and which decisions the test needs to inform. The quote should also state the component, token and documentation detail needed by the team building the product.

Concept studies in product design

Self-initiated visual directions. Each study explains the artwork shown and the proposed applications.

  • Lumen Park

    Visual studies for a proposed digital world for a contemporary art space.

  • Tidal Room

    Visual studies for a proposed sound and light installation.

Questions

  1. 01

    What is included in product design?

    Product design at Exovio includes research and flows, wireframes, interface design, a prototype and a design system.

  2. 02

    What is the difference between UI and UX design?

    UX design is how a product works: its flows, structure and behaviour. UI design is how it looks and feels: layout, type, colour and components. We design both, together.

  3. 03

    Do you design for web and mobile?

    Yes. We design products for web and mobile, from the research and flows through wireframes and a prototype to high-fidelity screens and the design system behind them.

  4. 04

    What changes the cost of a product design project?

    The scope depends on the user journeys, platforms, screens and interface states, research access and the level of prototype and design-system detail required. We agree those boundaries before design begins.

  5. 05

    How do international projects work?

    Our studio is based in Nagpur, India (IST, UTC+5:30), and works remotely worldwide. We agree the scope, quote currency, content responsibilities, feedback dates and handover before work begins. Meeting times are arranged around the time zones involved.

Other services

One small team across brand, web and product, so every part of the work is made to fit the rest.

  1. 01

    Brand identity

    • Logo and mark
    • Visual system
    • Typography
    • Brand guidelines
    Orange woven strap printed with Identity, layered over grey and charcoal straps.
  2. 02

    Web design & development

    • Structure and content
    • Interface design
    • Motion and interaction
    • Development
    • Search foundations
    • Launch
    Blue woven strap printed with Websites and a rounded end, layered over charcoal and grey straps.
  3. 03

    Digital strategy

    • Positioning
    • Messaging
    • SEO audit and plan
    • Content plan
    Purple woven strap printed with Strategy and an angled end, layered over grey and charcoal straps.

Contact

Building something you believe in? Tell us about it.

Smooth woven strap with the Exovio wordmark and a notched end.