Portfolio nov6 2017 by Prashanth Lakshman

PORTFOLIO

PRASHANTH LAKSHMAN

CONTENTS Hello. Here I have showcased some of my projects which are grouped broadly under their respective industries.

Timeline

Business Applications Wooqer

Lifestyle Piuma world

Thinknx

Megration

E-Commerce Newshunt

Entertaiment iStream

TIMELINE

Verse Innovation

Intern at Pappilon Software Solutions

iStream

Employee UX Designer

2011

Wooqer

Interaction Design Masters at Domus Academy

iStream shutsdown

Freelance

Pulsar Eng

2012

2013

2014

2015

2016

2017 Wooqer

Wooqer Wooqer is a Cloud based ERP Platform, that lets you build, configure and maintain private platforms which contains processes, reports, calendar and social communation network.

Business problem Various use cases were open to more refinement to better user experience. Newer, Cleaner and Faster form filling experiences to address the need for innovation in form filling

Solution Cleaner more interactive experience for end users and people of the board to track progress across the organisation. - An intuitive dashboard (Things to learn, process to fill, events, social notifications and communication) - Processes repository - ToDo page (This is where are all the process that need to be done for the day appear) - Form filling experiences for Audits, Checklists and Data Collection

*iStream has shutdown due to financial crisis. Therefore products are unavailable at the mobile stores and web.

Wooqer Dashboard 1 Redesigned the dashboard as seen here the before and after. All the things to know on left. Centre is for the viewing content which plays what is selected on the left. On the right are all the upcoming events and list of things to do for today.

Wooqer TODO page 2 Here instead of showing all the processes that have been assigned, we chose to show the processes that only needed to be done today.

Wooqer Talk 3 Social network was cleaned up and more intuituve in nature as seen in the secondscreen that it encourages conversation by inviting you into a blank canvas, asking for interaction.

Wooqer Forms 4 Form filling experience was refined especially in the mobile as they were widely used. Here you can see the before and after the design of checklists.

Piuma world

Piuma world Piuma world is specialized in design and production of specific equipment and technology for entertainment industry: cinema, television, sports and multimedia.

Business problem While delivering high quality of cinema, Piuma found it hard to improve on efficiency and reduce time spent on projects.

Solution - We designed a delightful user experience, that took into account various user stories after observing and interviewing the cameramen. - The experience serves the requirement to be flexible and improvisable at all times. - A digital solution to control, calibrate, monitor and program their dolly camera system.

PIUMA The Dolly 1 On the right is the picture of the dolly and the head. The whole setup included the Dolly, the Head and the Camera. The dolly has two movements, one along the track and another vertically along the column. Head has three types of movements - pan, tilt and roll The Camera has three functions, which are Focus, Iris and Zoom

Dashboard

PIUMA Sketches Automatic

2 We sketched out wireframes and screen flows and tested it to every user story we came up with.

Manual

We reviewed and itererated over and over before we reached the final sketches that are shown here. We divided the experience mainly into two modes Manual & Automatic, and both are allowed to interfere.

The secondary navigation at the bottom allowed to control all movements

PIUMA High Fidelity Screens 3 Shown here are the Automatic and Manual modes. The Automatic mode allows the user to interact with the graph and set points of positions. Different movements can be recorded as programs. Each program can be improvised while being played. The Manual section allows the user to control, set markers and calibrate each movement.

PIUMA Implementation

5 The dashboard shows all the movements of the dolly, which includes precise values and percentages. Shown here is the implementation of digital solution into the dolly control unit

Thinknx

Thinknx Pulsar Eng is a company of engineers and technicians specialising in automation ranging from homes to industrial plants like wind turbines, biogas, etc. They are known for their versatility and flexibility of their KNX servers.

Business problem Technically strong and robust but low reach and adoption by their Users.

Solution Pulsar needed user-centered design orientation for their products I designed the digital experience in their products for their customers, namely the System Integrators and End Users. - Usability testing of configurator, end user interface and website - Reorganisation of information architecture - Establishing Navigation experience - Defining new interactions

Thinknx

Middle men (System Integrators)

End Users

Understanding the users Server

Pulsar Eng Pulsar Eng makes Thinknx servers (hardware) which are capable of automation. Along with it comes a software (Thinknx configurator) which allows the buyer to configure the server according to his/her needs. In the market, the System integratorâ&#x20AC;&#x2122;s selection of an automation server does not only depend upon the quality but also the ease with which it can be configured.

Configurator

- Techincally sound people - Look for ease of configuring - They interact with their customers who are End Users - Ex., an individual like an Electrician in a large company - People who configure with a laptop due to the need to travel and test in client location

- This User could be anyone, A broad audience is accounted for but according to Market analysis of buyers, most users age range 40 upwards - Audience used to touch interfaces and interactions - This user depends on system Integrators for an automation solution

Thinknx Configurator 2 While setting up a project for a client, the system integrator has two roles to play, - To setup the UI for the clients - To program this UI with the backend of the system. Therefore this Configurator is designed to give an ease of drag and drop experience with a floating tool box for setting up the interface, as well as a structured and trackable navigation for configuring the backend.

Projects are divided by functions Each funtion has its elements

Floating Tool box

Canvas

Settings

Thinknx Configurator 3 High fidelity screen for system configuration

Primary Level Secondary level

Thinknx End User Experience 4 This is the experience of the End User after the components are exported out of the configurator. A simple and clear interface with easy navigation. Shown here are is the Dashboard and Lighting control

Thinknx End User Experience 5 The navigation of the Heating control around the first floor and direct control of the thermostat

Thinknx Web 6 A website for two audiences, One - the Clients who would want to know what Thinknx is about and Two - System integrators. Shown here is the home page which takes you through what Thinknx is and what it is capable of. For the integrators, the Tech guide takes you to the technical aspects of the knx servers which is available in the first level of navigation.

Megration

Megration A handholding system that caters to immigrants of different backgrounds depending on the facilities they have. It prepares the users beforehand of the formalities and notifies them of helpful tips to get through the tiring processes. Also inclusive of a social element which brings a sense of belonging in a community of users who need help and offer help.

Business problem Immigration problems concerning documents, appointments, schedules, language and bureaucracy associated are causing delays and frustration to the people to the country they are moving into.

Solution - System which has digital and analogue solutions. - Custom profile creation in the digital interface allows users to have customised schedules and milestone system with a social interface integrated with the application. - Analogue solutions for users who do not have the luxury of the smartphone, by making available broadly categorized kits in popular dispensaries like the supermarket, drugstores, bars and restaurants which are free of cost. - Social element here is the connection between users who need help, to users who have already been through the processes.

MEGRATI N

Megration Overview 1 Our first project in Domus Academy. This is the digital process of Megration.

New Activity Main menu button Current Date Most urgent notiďŹ cation

Chronological awareness

In case the main activity is not enough for the userâ&#x20AC;&#x2122;s needs.

Milestones Milestone previews includings possible time and difďŹ culty Colors and size identify the kind of milestone.

Megration Profiling process 2 This shows the profiling process of the user to enhance and specifically target information delivery and experience.

Megration Task Milestone process 3 Once you are done profiling, the system arranges an itinerary. The Itinerary consists of milestones which have an embeded social feature that helps the user in a personal and human level.

Megration Scalability 4 Megration does not end there. Once you are done migrating, you can set new goals like the one shown here.

Megration Analogue Support 5 This is the analogue solution of Megration. These are Pamphlets that will be available at bars and supermarkets. These pamphlets have space for written data that can be collected for pointing out directions associated with a certain milestone. Also available is helpline that connect these users to accomplished users.

Newshunt

Newshunt Ebooks Newhunt’s expansion ebooks is an mobile portal that provides ebooks over an array of eleven vernacular Indian languages.

Business problem Great works of literature produced in many languages in India are losing their physical presence, loss of heritage and decreasing popularity among readers.

Solution - Converting these works into digitally readable content and making them available online - Ebook mobile portal where books grouped under various genres over eleven vernacular languages are available for consumption. - Explicit navigation (Search, Explore &Read) - Minimal content per view so that user can focus. - Homepage has user engaging content like “Top free”, “Best selling” , “less than Rs.100/-” and “Best of writers” - Staff picks which contain free books for the user to get started. - Stack based navigation. - Information architecture in a way user sees other books while he explores categories just like in a actual bookstore. - Visual design - blue to represent action items and grey to get the bookcovers to stand out.

Newshunt Ebooks 1 We used analogy of that with a bookstore to build interaction with the user. Here you see the navigation from Home to Language selection and the Library page.

Newshunt Ebooks 2 We personlised the concept of owning books more visual by adding many features, like having bookmark peeping out for the user to recognise a collectorâ&#x20AC;&#x2122;s appeal.

Newshunt Ebooks 3 The searching of a book is through scrolling a list view of related content. The list shows three books per screen to engage users. The details of the book contain the overview and a social element of community opinion of the book.

Showing Results of â&#x20AC;&#x153;Theâ&#x20AC;? Hitched - The Journey within cultures Amish Tripathi

Newshunt Ebooks

Homepage

Wireframes Homepage

Language Selection

Newshunt App Icon

Scroll Down to Browse different categories

Each Section shows only three books, more will take you to the whole catalog

Final List: - Top Sellers - New Releases - Recently Browsed - Less than Rs. 50/-

Newshunt Ebooks

Home

Wireframes Navigation

Explore

Read

Newshunt Ebooks

Explore

Category Page

Wireframes

Book details

Explore and Search

Results

Newshunt Ebooks Wireframes Reader

Library

Reader

Home

iStream

iStream iStream is an online video streaming service which provides premium content over English and Indian regional languages. iStream had partnered with international sports channels to provide live streaming of events for example 2012 UEFA European Football championship.

Business problem Online viewers have difficulty in accessing their content given a large number of sources and it is consuming more time and effort to have their favorite choices.

Solution To provide a personalised experience for the Users/Viewers. To provide a streaming service of all TV channels online. One place to find all the channels over News, Sports, Entertainment and Movies - Simplified and Organised Information architecture. - Intuitive Navigation - Customised content suggestion (User profile settings page) - Enriched Brand Identity to strengthen footprint over all platforms

*iStream has shutdown due to financial crisis. Therefore products are unavailable at the mobile stores and web.

iStream

1.1

1.2 Top Stories

1.0

1 We broke down content and constructed a new and robust information architecture.

News