JD.

01 Smarter · Connected kitchen ecosystem

Designing one app for three connected products.

Smarter brought the iKettle, Smarter Coffee and FridgeCam into a single mobile ecosystem. Customers could connect each product to their home network, complete its setup and control it remotely, but every appliance had different physical behaviours, controls and potential points of failure.

Role
Product Designer · UX and UI
Timeline
16 months
Company
Smarter
Platforms
iOS and Android
Products
iKettle, Smarter Coffee and FridgeCam
Focus
Connected products, onboarding, device controls and grocery management
Smarter mobile app interfaces for connected kitchen products.
Jacinto De Matos

My role

Over 16 months, I led the UX and UI design across the Smarter mobile ecosystem, covering connected-product onboarding, device pairing, product controls and the wider FridgeCam inventory experience. I worked directly with the physical products to ensure the app guidance reflected what customers needed to do with the hardware.

  • Designed the setup journeys for the iKettle, Smarter Coffee and FridgeCam
  • Created the BlinkUp pairing, connection, firmware and recovery states
  • Designed product-specific controls across three different connected appliances
  • Extended FridgeCam into inventory, best-before tracking and shopping-list generation
  • Designed the Tesco and IFTTT replenishment experience
  • Prototyped and tested the app alongside the physical products

02 Project overview

One app, three very different products.

Customers experienced Smarter as one connected ecosystem, but the products beneath it behaved very differently.

The iKettle involved temperature, boiling and scheduling. Smarter Coffee introduced brew strength, grind, quantity and preparation choices. FridgeCam combined physical installation, image capture, inventory, expiry dates and shopping-list management.

The challenge was not simply designing three sets of screens. It was deciding what should remain consistent across the ecosystem and what needed to adapt to the physical product.

Product capabilities at the time

iKettle

  • Remote boiling
  • Temperature selection between 20°C and 100°C
  • Wake Up and Home modes
  • Formula mode
  • Water-level information
  • Keep-warm controls

Smarter Coffee

  • Remote brewing
  • Wake Up and Home modes
  • Filter or grinder configuration
  • Strength and grind selection
  • Number of cups
  • Warming controls

FridgeCam

  • Image captured when the fridge door closed
  • Remote view of fridge contents
  • Product inventory
  • Best-before tracking
  • Suggested recipes
  • Shopping-list generation and replenishment

03 The system challenge

The experience was larger than the screen.

The app sat between the customer, their phone, the home network, a cloud service and a physical appliance. FridgeCam also introduced the fridge environment, camera placement, product recognition and external grocery services.

A failure anywhere in that chain could make the entire product appear broken.

  1. Customer
  2. Mobile app
  3. Home Wi-Fi
  4. Cloud connection
  5. Physical appliance
  6. External service

How might we make three very different connected products feel like one reliable ecosystem, while giving each product the instructions and controls it required?

04 Mapping the ecosystem

Mapping physical and digital states together.

I began by mapping the complete journey around each product rather than designing isolated app screens.

That included what the customer was doing, what the phone was displaying, what the appliance was doing and what needed to happen when those states did not match.

Sketching product-specific onboarding and control journeys on paper.
Sketching product-specific onboarding and control journeys before moving into higher fidelity.
Designing the Smarter app alongside physical kitchen products.
Designing the app alongside the physical products so that instructions and controls reflected the real hardware.
Sketch flow mapping connection, setup, firmware and product-control states across the Smarter ecosystem.
Mapping connection, setup, firmware and product-control states across the ecosystem.

05 A shared setup model

A consistent foundation with product-specific guidance.

Although every product required different physical instructions, the overall setup journey needed to remain predictable.

Customers first selected and named their product, prepared the hardware, connected it to their network, waited for the connection and any software updates, and then completed product-specific configuration.

  1. 1Select the product
  2. 2Name the product
  3. 3Prepare or reset the hardware
  4. 4Enter network details
  5. 5Complete device pairing
  6. 6Confirm connection and updates
  7. 7Enter the product experience

The structure stayed familiar. The imagery, instructions, physical actions and recovery guidance changed according to the product.

Sketch flow showing product selection, naming, hardware preparation and connection completion.

06 Guiding customers through BlinkUp

Turning an unfamiliar connection process into a guided physical action.

The products used BlinkUp during setup. Customers needed to enter their network details, prepare the appliance and position their phone correctly while the connection process took place.

Unlike normal mobile onboarding, success depended on the customer, phone, network and physical product reaching the correct state together.

  • Which part of the product to use
  • Whether the product needed resetting
  • How to position the phone
  • When to keep the phone still
  • Whether the product was connecting
  • Whether software was updating
  • What to do when connection failed
  • When setup had completed successfully
FridgeCam setup instructions on a mobile phone alongside the physical device and reset pin.
Setup flow screens showing reset guidance, BlinkUp pairing, countdown, connecting and software update states.
The setup experience had to coordinate instructions on the phone with actions performed on the appliance.

07 Designing with the physical product

Testing the experience beyond the prototype.

Working directly with the hardware exposed issues that would not have appeared in a screen-only prototype.

For FridgeCam, the experience depended on customers finding the reset point, mounting the device, selecting an appropriate camera angle and understanding when a new image would be captured.

Lighting, shelf position, fridge layout and door movement could all influence what customers eventually saw in the app.

Close-up of the FridgeCam camera and mounting system.
The physical camera and mounting system shaped the digital setup guidance.
FridgeCam installed inside a refrigerator showing real-world viewing conditions.
FridgeCam needed to work inside different fridge layouts and viewing conditions.

Connected-product design meant treating the hardware, app and physical environment as one experience.

08 The FridgeCam opportunity

From seeing the fridge to managing what was inside it.

FridgeCam captured an image when the fridge door closed and made the latest view available through the app.

This solved one immediate problem: helping customers check what they had at home while they were away.

The wider opportunity was to connect that visibility with inventory, expiry dates, food-waste prevention and grocery planning.

Capture
A new image was created when the fridge door closed.
View
Customers could see the latest contents of their fridge remotely.
Track
Products could be recorded in a digital inventory.
Remind
Best-before dates supported expiry notifications.
Act
Missing or expiring products could be moved to a shopping list.
Smarter app showing a remote view of fridge contents on an iPhone.

09 Food-waste context

Designing around a meaningful household problem.

Smarter framed FridgeCam around reducing unnecessary purchases and avoidable food waste.

Company research used at the time suggested that households were throwing away a significant proportion of the food they purchased, creating both a financial and environmental cost.

Company research used at the time

  • £700

    Average annual household food waste stated in the company research.

  • 60%

    Food waste described as avoidable.

  • 20%

    Share of purchased food described as being wasted in the UK.

  • 7.3m tonnes

    Household food waste per year cited in the company research.

  • 88%

    Of households spending up to £100 per month on food.

  • 77%

    Of households admitting to regularly throwing away food.

  • 98%

    Of households throwing away some chilled products.

  • £3.7b

    Potential UK savings if avoidable food waste were reduced, as framed in the research.

These figures provided the problem context for the product. They are not presented as measured outcomes of my design.

10 Smarter Assist

Connecting inventory with grocery replenishment.

Smarter Assist extended FridgeCam from passive visibility into household management.

Customers could scan products as they stored them, add them to an inventory, record an expiry date and move items into a shopping list when they were missing or approaching expiry.

At the time, Tesco customers could connect the experience through IFTTT so shopping-list items could be added to their Tesco basket.

Animated Smarter Assist interface showing product scanning and inventory management.
  1. Scan
  2. Add to inventory
  3. Track expiry
  4. Receive reminder
  5. Add to shopping list
  6. Send to Tesco basket
Smarter app inventory screen showing expiry dates, item actions and shopping-list generation.

11 Design principles

Principles that shaped the experience.

One mental model, not one identical flow

A shared app structure created familiarity, while individual setup and control journeys reflected the needs of each appliance.

Make physical actions explicit

Instructions needed to show customers what to touch, position, reset or wait for, not simply what to select on screen.

Always show system status

Connection, firmware and appliance states needed to remain visible so customers understood what was happening.

Design recovery as part of the journey

Incorrect network details, failed connections, hardware resets and interrupted setup were expected product states, not edge cases.

12 Constraints and trade-offs

The key trade-offs.

Consistency versus specificity

Too much consistency would make the instructions vague. Too much variation would make the app feel like three unrelated products. The shared structure remained consistent while content and actions changed by product.

Speed versus confidence

The fastest possible setup was not always the clearest. Customers needed enough guidance to complete sensitive physical actions correctly.

Automation versus customer effort

Inventory and expiry features provided value, but they depended on products being scanned and maintained. The experience needed to make this effort understandable.

Digital control versus physical reality

The app could communicate an intended state, but success still depended on the appliance, Wi-Fi connection, installation and surrounding environment.

13 What I delivered

What I delivered.

The work established a single mobile ecosystem across three connected kitchen products while allowing each product to retain the behaviours and controls it required.

  • Shared mobile app architecture and visual language
  • Product selection and device-management journeys
  • Support, notification and account experiences

The final experience connected physical visibility, household inventory and shopping activity through one app.

FridgeCam app mockup showing fridge visibility, inventory and shopping activity in one experience.

14 Reflection

What connected-product design taught me.

This project changed how I thought about mobile product design. The interface could not be considered separately from the appliance, network, sensor, physical environment or external service.

A clear screen was not enough. The experience had to help all of those parts reach the correct state together.

It reinforced the importance of visible system status, specific physical guidance and designing recovery with the same care as the successful journey.

Smarter was also an early introduction to the relationship between household inventory, replenishment and food waste, themes that later became relevant to my grocery work at Waitrose.