PROJECT
SAVANT– Smart Dining Table
UX/UI Case Study for a smart Dining Table Interface

Project Type
UX/UI Product Innovation for Smart Technology(Tablet Interface)
User Research & Strategic Concept Development, Wire-framing & Prototyping, UI Design & Branding System, Atomic Design Principles
(Atoms, Molecules, Organisms, Documentation and Presentation.
Skilled Applied
Tools
Goal
– Figma
– ChatGPT
– Adobe Illustrator
– Photoshop
Design a tablet-based smart dining system that enhances mealtime comfort, connectivity, and entertainment through a seamless interactive interface.
– control food temperature
– Track nutrition data
– Access media entertainment
– Manage home electronics
– Set ambient lighting for mood
(all from an integrated tabletop screen interface)
Time
4 weeks
WELCOME TO
Our innovative table redefines mealtime experiences with its cutting-edge technology and elegant design. From customizable temperature control to seamless integration with media entertainment and home electronics management, our smart dining table enhances comfort, convenience, and enjoyment during meals. Join us as we explore the endless possibilities of smart dining together.

PROBLEM
STATEMENTS
HYPOTHESIS
STATEMENTS
Recognizing mealtime challenges, I devised a smart dining table concept. It enhances comfort and the dining experience by controlling food temperature, tracking nutrition, and providing media entertainment. It also manages home electronics, ensuring uninterrupted meals while staying productive and connected.
Implementing a smart dining table will greatly enhance mealtime comfort nutrition, enjoy media, and manage home electronics seamlesssly, creating a more enjoyable dining experience.
POTENTIAL FEATURES
The display can be designed in touchscreen system and display the following options:
Wireless Charging
Smart dining tables could include built-in wireless charging pads or ports, allowing users to charge their smartphones, tablets, or other devices while dining.
Temprature Control
Smart dining tables could have built-in heating or cooling elements to keep food at the desired temperature while dining. This could be particularly useful for keeping dishes warm during extended meals or outdoor dining events.
Interactive Lightning
Smart dining tables could include interactive lighting features that change color or intensity to create ambiance or enhance the dining experience. This could be controlled manually or automatically based on preset preferences.
Integrated Speakers
Smart dining tables could feature integrated speakers or sound systems, allowing users to listen to music, podcasts, or audiobooks while dining.
Camera Connectivity for Parental Monitoring
Equipped with a smart camera feature connected to the table's display, parents (especially mothers) can monitor their newborns or children in another room during mealtim–offering of mind and convenience without interruptions.
PERSONAS
For the SAVANT Smart Dining Table, I created two key personas with their needs, goals, frustration points, and preferred meals clearly defined to reflect the target users’ experiences:
Smith's Family
A couple in their late 30s who prioritize wellness and family bonding. They want a tech-savvy table that supports healthy eating with nutrition tracking, recipe tutorials, and integration with fitness apps–ideal for family meals and hosting friends.
Sara James
A 35-year-old marketing manager juggling work and family. Sarah seeks a stylish, time-saving dining solution with smart features like voice commands, meal suggestions, and seamless smart-home integration to simplify her fast-paced life.


STYLE TILES
The Savant brand uses a bold, digital-first palette, with deep blue and bright yellow for strong contrast on screens. Common in tech products, blue conveys trust and innovation, while yellow adds energy and visibility—ideal for interactive, screen-based design.
The Kanit type family is a modern, clean sans-serif that enhances screen readability, aligning well with UX princeplies for clarity and accessibility.
Circular shapes within the visual system reinforce ideas or flow, harmony, and connection, echoing the seamless interactions intended in this smart dining experience.

USER FLOW/ (SAVANT APP)
The experience begins on the Home screen, where users can log in or sign up using options such as email, fingerprint, or face recognition. If login fails, a reset flow is available. Once authenticated, users access the main dashboard, which includes controls for table settings, temperature, smart lighting, and nutrition tracking.
The app also connects to home electronics (e.g., windows, stove) and includes a suite of media apps like YouTube, Spotify, and Apple Music. Other features include gameplay, e-books, and a language-learning tool. Additional settings for Bluetooth and wireless connections are available for further customization.

WIREFRAME/ (MID TO HIGH FIDELITY)
Developed with a strong emphasis on accessibility and visual clarity, the Savant wireframe ensures that the tablet‑based dining interface is intuitive and usable for all ages and backgrounds, including older adults and those facing reading or language barriers. The current prototype relies on clear iconography, large tappable areas, and guided animations, minimizing text to ensure each interaction is recognizable and operable regardless of literacy level or language proficiency. Although it’s only a basic design now, it sets a playful foundation; future iterations will build on this with more engaging, icon‑driven features and light‑hearted animations to create an even more delightful, inclusive user experience.
MID FIDELITY
















































SAVANT PROTOTYPE

A tablet-based dining interface designed for accessibility and ease. Features include large touch areas, clear icons, and minimal text—ensuring intuitive use for all ages and literacy levels. Built as a playful, inclusive foundation for future enhancements.
This early-stage interactive prototype features:
– Clear iconography for fast, language-free recognition
– Large, tappable interface zones for ease of use
– Guided animations to reduce cognitive load
– Minimal text, focusing on visual engagement and operability