WinkTales Creative Solutions Bangalore UI UX Design Portfolio
Transcript of WinkTales Creative Solutions Bangalore UI UX Design Portfolio
![Page 1: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/1.jpg)
UI/UX Design for Websites & Mobile Apps
WinkTales
![Page 2: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/5.jpg)
Case studies
![Page 6: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/6.jpg)
UI/UX Design for Limited Edition Ecommerce Website
![Page 7: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/7.jpg)
IBM Maturity Assessment App
![Page 8: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/8.jpg)
IBM Customer Spotlight App
![Page 9: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/9.jpg)
Ui/Ux partners for fitness Start-up (Accenture, Cisco)
![Page 10: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/10.jpg)
Ui/Ux partners for fitness GetActive (Accenture, Cisco)
![Page 11: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/11.jpg)
Asian Paints Contractor Relationship Management App
![Page 12: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/12.jpg)
Wire Framing for AEIR App
![Page 13: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/13.jpg)
Wire Framing for IBM Customer Spotlight app
![Page 14: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/14.jpg)
UI/UX Design for AEIR App & Website
![Page 15: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/15.jpg)
UI/UX Design for Asian Paints Colour Consultant App
![Page 16: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/16.jpg)
UI/UX Design for Asian Paints Wallpaper App
![Page 17: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/17.jpg)
About WinkTales
![Page 18: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/19.jpg)
Our Clients
![Page 20: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/20.jpg)
15+
Meet the team
![Page 21: WinkTales Creative Solutions Bangalore UI UX Design Portfolio](https://reader034.fdocuments.in/reader034/viewer/2022042515/58ed41451a28ab76218b477f/html5/thumbnails/21.jpg)