winktales creative solutions bangalore ui ux design portfolio

21
UI/UX Design for Websites & Mobile Apps WinkTales

Upload: vinumon-s

Post on 12-Apr-2017

143 views

Category:

Design


1 download

TRANSCRIPT

Page 1: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

UI/UX Design for Websites & Mobile Apps

WinkTales

Page 2: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

One stop Ui/Ux experts catering from strategy to last-mile delivery, building scalable solutions for new-age business and consumer needs

WinkTales, the Ui/Ux experts

In vogue design methodologiesleveraging the best of contemporary design styles and languages (IBM, Material, Flat)

Complete development support in line withupdated technologies and frameworks (Angular JS, HTML5/CSS3, Bootstrap, Ajax, MySQL, PHP)

Scalable solutions that work seamlesslyacross platforms and are built to lastkeeping in mind future needs

Full fledged in-house team ofUX researchers, designers, business analystsfor comprehensive solutioning

Strategic partners working hand-in-handand delivering outputs keeping in mindfinal business objectives

Continuously servicing a diverse Clientele the likes ofIBM, Asian Paints, Mphasis

In a nutshell

Proprietary UX Audit frameworkto measure UX effectivenessfor existing and prospective solutions

Proprietary Delivery processfor agile and reliabledelivery of solution

Page 3: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

WinkTales proprietary UX audit framework

200+ checkpoints for effective UX as part of our UX audit framework which measures

• HomePageTaskOrientation• Navigation&IA• Forms&DataEntry• Trust&Credibility• Writing&ContentQuality• PageLayout&VisualDesign• Search• Help,Feedback&ErrorTolerance

Parameter Raw score # Questions # Answers ScoreHome Page 18 20 20 95%Task Orientation 25 44 32 89%Navigation & IA 26 29 28 96%Forms & Data Entry 0 23 0 -Trust & Credibility 11 13 11 92%Writing & Content Quality 20 23 23 93%Page Layout & Visual Design 34 38 38 95%Search 16 20 20 90%Help, Feedback & Error Tolerance 0 37 0 -Overall score 247 172 94%

UX Audit Score

172/247(94% compliant)

Page 4: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

WinkTales delivery process for Web & Mob app

• Work with the CXO teams to understand organizational and stakeholder priorities

Strategize Deliver Improvise

• Defining various functionalities• Designing the user work flow, site maps,

defining various screens and relationships• Ascertaining technology architecture

• Measuring Ui/Ux effectiveness via UX audit framework, Usability testing via User Groups

• Software testing to de-bug software bugs

• Functional testing• Bug fixes• Maintenance of solution

WinkTales

Objective SettingUnderstanding the ’Why?’

PlanningChalking out a roadmap

• Creating plan and calendar for delivery (design and development)

Testing & Maintenance

• Understanding and assimilating thebrand and culture of the organization

AssimilationBecoming ‘one’ with the brand

Solutioning

Wire-framing

UI Design theme

UI Screen Design & Prototyping

Development

• Creating wireframes of proposed screens• Click through prototypes(optional)

• Options for UI design theme (inclusive of colour schemes, iconography, typography)

• Adapting the design theme to all the screens, as finalized in the wire-framing

• Screen Mock-ups + Asset library + Style Guide• Click through prototypes(optional)

• Front-endandback-enddevelopment

• Sharing insights from analysis for strategic action

Insight sharing

• Analyzing digital analytics and leveraging constant active feedback mechanism from stakeholders to gather insights

Insight gathering

Page 5: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

Case studies

Page 6: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

UI/UX Design for Limited Edition Ecommerce Website

Page 7: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

IBM Maturity Assessment App

Page 8: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

IBM Customer Spotlight App

Page 9: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

Ui/Ux partners for fitness Start-up (Accenture, Cisco)

Page 10: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

Ui/Ux partners for fitness GetActive (Accenture, Cisco)

Page 11: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

Asian Paints Contractor Relationship Management App

Page 12: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

Wire Framing for AEIR App

Page 13: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

Wire Framing for IBM Customer Spotlight app

Page 14: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

UI/UX Design for AEIR App & Website

Page 15: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

UI/UX Design for Asian Paints Colour Consultant App

Page 16: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

UI/UX Design for Asian Paints Wallpaper App

Page 17: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

About WinkTales

Page 18: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

50+Clients

250+Projects

4+Years

15+Team members

10+Partners

Incorporated in 2012, WinkTales is a creative agency based out of Bangalore, specializing in Design, Advertising & Communication.

• Online Campaigns• Offline & BTL Campaigns• Ad Production• Media buying & Planning

• Employee Communication• Marketing Communication• Pitch Presentations

• User Interface (UI/UX) for Web & Mobile Applications

• Brand Identity• Event Branding• Packaging• Marketing Collateral

ServicesAdvertising Design Communication

Snapshot

WinkTales, a dynamic creative agency

Page 19: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

Our Clients

Page 20: WinkTales Creative Solutions Bangalore UI UX Design Portfolio

15+

Meet the team

Page 21: WinkTales Creative Solutions Bangalore UI UX Design Portfolio