UI & Experience Design Folio '23

Page 1

IconographyQuick Click to start restart restart score : 6 / 10
Colour options Playful

Virtual Walkthrough conceptualised and designed on playcanvas with banners to showcase company values & culture

Interactive 3D environment Design + Interactive Virtual Banners

Spatial Options for Info lobby

Spatial options to optimise the information and creating UI which lets user explore the virtual space and get immersed.

Duroflex Product Tech Layer UI

Interactive Product Features UI Design for Duroflex

UI designed to hover and toggle between the mattress layers for detailed interactive information about the product

3
LETS TAKE A LOOK UNDER THE COVERS 1 2 3 5 7 8 6 4
360Rotation LayerSpecs

Design

1 2 3 5 7 8 6 4
Variation
wireframe Final Screens blinking hotspot Info. dropdown Simple toggle buttons toggle button variation 360 Rotation Layer Specs Memory Foam Adjusts according you the body shape and provides suppor & com or 2 3 5 7 8 6 4 1 Memory Foam Adjusts according you the body shape and provides support & com or 2 3 5 7 8 6 4 1 360 rotationLayer Detail 360 rotationLayer Detail 360 rotationLayer Detail Memory Foam Adjusts according you he Memory Foam Adjusts according you the body shape and provides suppor & com or 3 3 360 Rotation Layer Specs Memory Foam Adjusts according you he body shape and provides suppor & com ort 1 2 5 7 8 6 4 3 LETS TAKE A LOOK UNDER THE COVERS
Quick

Tech On Rent Website Design

Website Design for New Media Hardware rental site

We provide nex-gen technology for improving your company’s business

Website design for a hardware rental company providing hardware and AR/VR based new media technology for events & interactive installations to event managers and organisations

We offer all the immersive tech for your next event

4
HOMEABOUTSOLUTIONSTERMS & CONDITIONSHARDWARECONTACT VIRTUAL REALITY MIXED REALITY GESTURE BASED MULTI-TOUCH PHYSICAL COMPUTING AUGUMENTED REALITY
Lets Connect TECH ON RENT

Brand colour Palette

The portal needed a makeover since it caters to clients and event manager aspiring to incorporate new media AR / VR installation for their next assignment.

Visual elements

outline strokes,drop shadow & dotted texture to convey medium transfer & analog interactivity

Responsive Design Adaptation for Mobile UI

TECH ON RENT TECH ON RENT AUGUMENTED REALITY VIRTUAL REALITY ENQUIRE ENQUIRE ENQUIRE MIXED-REALITY Immersive technology is an integration of virtual content with the physical environment in a way that allows the user to engage naturally with the blended reality. In an immersive experience, the user accepts virtual elements of their We offer all the immersive tech for your next event HOME ABOUT SOLUTIONS + + TERMS & CONDITIONS HARDWARE CONTACT We offer all the immersive tech for your next event Immersive technology is an integration of virtual content with the physical environment in a way that allows the user to engage naturally with the blended reality. In an immersive experience, the user accepts virtual elements of their HOME ABOUT SOLUTIONS + + HARDWARE AUGUMENTED REALITY VIRTUAL REALITY MIXED REALITY GESTURE BASED MULTI-TOUCH PHYSICAL COMPUTING TERMS & CONDITIONS We provide nex-gen technology for improving your company’s business Lets Connect Immersive technology is an integration of virtual content with the physical environment in a way that allows the user to engage naturally with the blended reality. In an immersive experience, the user accepts virtual elements of their We offer all the immersive tech for your next event
box
analog playful interaction Bridging design & technology Transforming experience New Media
transparency fill on outlines for sophisicated look and feel
Identity Redesign
pressed
for
Using

ABD Metabar

A metaverse experience for Allied Blenders & Distillers

An immersive virtual bar designed with a modern yet classical aesthetic to showcase the client’s range of product and information through touchpoint

Environment Design

Interaction Design

Art Direction

Banner Design

ABD Metabar

The virtual metabar is the first view for the visitor to provide a context.

Slideshow of the product in the background to create a mood for interaction with screens on either side flashing product information

The touchpoints placed around the products open the link to videos of the product and ads that highlights ABD’s processes for production and shows products in the rich and immersive environement

Whisky and Rum bottles rotating on a ambient futuristic designed podium with virtual screens flashing product information

highlighting text on the lighting ring was conceptualised to create an mood and ambient glow to showcase the product

Tech On Rent Website Design

UI Design for RNTBCI Information Kiosk

UI and content design for a proposed information Kiosk positioned at company’s reception area. The kiosk provides interactive information on the company’s history,values, milestones and products and takes the design cues for their brand guidelines.

.

Along with these interactive games were designed for employees and visitors to delightful engagement and experience the products virtually.

6
LIFE AT RNTBCI VIDEO HISTORY RNTBCI MANAGEMENT RNTBCI WAY (MINDSET & ACTION) VISION, MISSION & VALUES HEAR FROM OUR EMPLOYEES VIDEOS TEXT Work life balance & time for oneself Career growth

UI Navigation

Client feedback suggested us to have a clean interface with interactive yet CMR friendly navigational interface

UI Design Options

Visual

RNTBCI MANAGEMENT Lets hear from our employees About Career Growth RNTBCI Way Information architecture
Elements Disboard IconsMenu LayoutMenu Icons style
User’s Dashboard Renault Nissan About Renault Alliance Games Renault Timeline Car Launches History Milestones Employee testimonials Creative Talents Feedback Hear from our Employees About RNTBCIDocumentationCar Race Renault Timeline Life at RNTBCI Tick Tak Toe Memory Game Documentation Director’s note Employee testimonials Employee Policy Documentation Hear from our employees RNTBCI Managment About NissanCompany NissanTimeline Car Launches Infrastructure Videos History Detailed info Videos Mission Vision & Values Video content RNTBCI WayVideo content Mindset & Action RNTBCI LIFE AT RNTBCI VIDEO HISTORY RNTBCI MANAGEMENT RNTBCI WAY (MINDSET & ACTION) VISION, MISSION & VALUES HEAR FROM OUR EMPLOYEES

Infographics

Infographic for Manual Rotoscope

Interactive Installtion

The visitor gets to experience about the company and the product offerings by sliding the screen. The objects get highlighted with rich info. animated and presented with detials and specifications

7
Generation Transmission Distribution SLIDE TO RIGHT TO EXPLORE
Sliding function

Infographics

An Interactive infographic designed for a website to highlight the process incorporated by the organisation.

The different sections get highlighted upon hovering.

8
Thank you Sumedh Sonare +91 8469022871 sumedhsonare@gmail.com

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.