SlideShare a Scribd company logo
1 of 18
Italo Oliveira
• Digital Designer
• 12-year-experience on interactive
projects, websites, apps, ecommerce, and more…
• 2 years of Locaweb, as Visual
Design Coordinator

Cargocollective.com.br/italoliveira
José Cipriano
• Musician and marathoner in his free
time
• Major in International Relations and
Marketing
• 12 years trying to find out solutions to
problems of users
• 1 year and a half handling products
interfaces of Locaweb

zecipriano7

jccipriano

jccipriano

jccipriano
About Locaweb
• 15 years
• +1000 employees
• Hosting & Infrastructure
Services leader in Brazil
and Latin America
• +260 K customers
• 25 products (SaaS, PaaS
and IaaS)
+
2
Million

About Locaweb

E-mail
accounts

• 15 years
• +1000 employees
• Hosting & Infrastructure
Services leader in Brazil
and Latin America
• +260 K customers
• 25 products (SaaS, PaaS
and IaaS)

+
450 K
Active
Websites

+
800 K
Domains

+
7,5 K
Cloud
Servers
Locaweb UX Team
• 10 members
• Works directly with Locweb
Product Teams
• Recently started working
with Website and
Customer Support Teams
WE BELIEVE IN LEAN UX
Think
• Create the main
personas
• Identify goals and
problems
• Formulate
hypotheses about
interactions

Do
• Draw, draw, draw
• Invite members of
the Team to draw
• Design
wireframes and/or
prototypes from
the best ideas

Test
• Show them to the
Team and ask
feedback

• Invite real users and
who is near you to test
• Adjust the prototype
and keep iterating
=
DEVELOPING
STANDARDS
WHAT IS OUR PROBLEM?
There is no pattern to our product interactions

•
•
•
•

Difficulty to conduct processes concerning panels implementation
UX Team is not close to Front-end Team
User Tests? NO WAY!
Lack of time to draw and code Panels interfaces
LOCASTYLE BOTTOM LINE
Customer
Workbench

 Recently updated Panel
 Research and Interview
with customers
 Personas created
 Tests performed with
real customers

 Easy customization
 Easy maintenance
 Large number of
elements
 Scalable
BETA PROJECT
• Simple and low impact panel
• Elements created on demand
• Work of co-creation between
some members of the UX
teams and front-end
• Prototyping and test
application with users
• Ready in 2 months
THE EVOLUTION
• Remodeling of Email Marketing
panel (a “core business”
product of the company)
• Crucial for creating standards
to the next panels
• +80% of Locastyle elements
were created during this project
THE EVOLUTION
• Remodeling of Email Marketing
panel (a “core business”
product of the company)
• Crucial for creating standards
to the next panels
• +80% of Locastyle elements
were created during this project
AND FINALLY…
• We released our Library to the
GitHub developers community
…UP TO NOW:
10

40

+1500

Panels

GitHub

Projects
OUR BENEFITS
• Nimble creating of high fidelity
prototypes
• Helped in the design of new
products and the remodeling and
improvement of existing ones
• Today the user test is included on
a daily basis
NOT ALWAYS A BED OF ROSES
• Responsiveness and Library documentation process
were postponed
• Some elements did not fit all cases
• Not all members of the Team were involved
Next steps
•
•
•

•

•

Mobile First
UX Library documentation
Validating individual and
combined elements (mobile
first requirement)
All members of the Team
joined activities of creating
elements
Co-creation workshops with
UX and Front-end Teams
Locastyle standards: creating interfaces in an agile, scalable and responsive way

More Related Content

Similar to Locastyle standards: creating interfaces in an agile, scalable and responsive way

Similar to Locastyle standards: creating interfaces in an agile, scalable and responsive way (20)

BizTalk360 - About the organization
BizTalk360 - About the organizationBizTalk360 - About the organization
BizTalk360 - About the organization
 
Investor deck
Investor deckInvestor deck
Investor deck
 
ASME's Digital Path Initiative: Don't Make a Molehill Out of a Mountain!
ASME's Digital Path Initiative: Don't Make a Molehill Out of a Mountain!ASME's Digital Path Initiative: Don't Make a Molehill Out of a Mountain!
ASME's Digital Path Initiative: Don't Make a Molehill Out of a Mountain!
 
Continuously Deploying Culture: Scaling Culture at Etsy - Velocity Europe 2012
Continuously Deploying Culture: Scaling Culture at Etsy - Velocity Europe 2012Continuously Deploying Culture: Scaling Culture at Etsy - Velocity Europe 2012
Continuously Deploying Culture: Scaling Culture at Etsy - Velocity Europe 2012
 
Continuously Deploying Culture: Scaling Culture at Etsy - Velocity Europe 2012
Continuously Deploying Culture: Scaling Culture at Etsy - Velocity Europe 2012Continuously Deploying Culture: Scaling Culture at Etsy - Velocity Europe 2012
Continuously Deploying Culture: Scaling Culture at Etsy - Velocity Europe 2012
 
New life inside monolithic application
New life inside monolithic applicationNew life inside monolithic application
New life inside monolithic application
 
Making the Invisible Visible: Showing WIP & Flow at Portfolio Level in Waterf...
Making the Invisible Visible: Showing WIP & Flow at Portfolio Level in Waterf...Making the Invisible Visible: Showing WIP & Flow at Portfolio Level in Waterf...
Making the Invisible Visible: Showing WIP & Flow at Portfolio Level in Waterf...
 
Lean Startup: Reduce 40% go-to-market time & cost on your next product launch
Lean Startup: Reduce 40% go-to-market time & cost on your next product launchLean Startup: Reduce 40% go-to-market time & cost on your next product launch
Lean Startup: Reduce 40% go-to-market time & cost on your next product launch
 
AD1545 - Extending the XPages Extension Library
AD1545 - Extending the XPages Extension LibraryAD1545 - Extending the XPages Extension Library
AD1545 - Extending the XPages Extension Library
 
Southeast Dreamin' 2016 Presentation: Nonprofit Starter Pack Advisory Board
Southeast Dreamin' 2016 Presentation: Nonprofit Starter Pack Advisory Board Southeast Dreamin' 2016 Presentation: Nonprofit Starter Pack Advisory Board
Southeast Dreamin' 2016 Presentation: Nonprofit Starter Pack Advisory Board
 
Wizard - Credential 2013
Wizard - Credential 2013Wizard - Credential 2013
Wizard - Credential 2013
 
LF_APIStrat17_Creating an API Ecosystem that Benefits Producers and Consumers
LF_APIStrat17_Creating an API Ecosystem that Benefits Producers and ConsumersLF_APIStrat17_Creating an API Ecosystem that Benefits Producers and Consumers
LF_APIStrat17_Creating an API Ecosystem that Benefits Producers and Consumers
 
Managing Experimentation in a Continuously Deployed Environment
Managing Experimentation in a Continuously Deployed EnvironmentManaging Experimentation in a Continuously Deployed Environment
Managing Experimentation in a Continuously Deployed Environment
 
Transitioning to Kanban: From Theory to Practice
Transitioning to Kanban: From Theory to PracticeTransitioning to Kanban: From Theory to Practice
Transitioning to Kanban: From Theory to Practice
 
Webinar: 2 Billion Data Points Each Day
Webinar: 2 Billion Data Points Each DayWebinar: 2 Billion Data Points Each Day
Webinar: 2 Billion Data Points Each Day
 
CrowdFlower Product Webinar - Graphical Editor and Visual Reports
CrowdFlower Product Webinar - Graphical Editor and Visual ReportsCrowdFlower Product Webinar - Graphical Editor and Visual Reports
CrowdFlower Product Webinar - Graphical Editor and Visual Reports
 
[Pharma] Bonita Live Tour 2019 - Business Process Automation
[Pharma] Bonita Live Tour 2019 - Business Process Automation[Pharma] Bonita Live Tour 2019 - Business Process Automation
[Pharma] Bonita Live Tour 2019 - Business Process Automation
 
DevOps maturity models Knowit and DASA
DevOps maturity models Knowit and DASADevOps maturity models Knowit and DASA
DevOps maturity models Knowit and DASA
 
StackDive: Yesware
StackDive: YeswareStackDive: Yesware
StackDive: Yesware
 
Startup Kitchen - Bandung Ventures Night 2011
Startup Kitchen - Bandung Ventures Night 2011Startup Kitchen - Bandung Ventures Night 2011
Startup Kitchen - Bandung Ventures Night 2011
 

Recently uploaded

Recently uploaded (20)

Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 

Locastyle standards: creating interfaces in an agile, scalable and responsive way

  • 1.
  • 2. Italo Oliveira • Digital Designer • 12-year-experience on interactive projects, websites, apps, ecommerce, and more… • 2 years of Locaweb, as Visual Design Coordinator Cargocollective.com.br/italoliveira
  • 3. José Cipriano • Musician and marathoner in his free time • Major in International Relations and Marketing • 12 years trying to find out solutions to problems of users • 1 year and a half handling products interfaces of Locaweb zecipriano7 jccipriano jccipriano jccipriano
  • 4. About Locaweb • 15 years • +1000 employees • Hosting & Infrastructure Services leader in Brazil and Latin America • +260 K customers • 25 products (SaaS, PaaS and IaaS)
  • 5. + 2 Million About Locaweb E-mail accounts • 15 years • +1000 employees • Hosting & Infrastructure Services leader in Brazil and Latin America • +260 K customers • 25 products (SaaS, PaaS and IaaS) + 450 K Active Websites + 800 K Domains + 7,5 K Cloud Servers
  • 6. Locaweb UX Team • 10 members • Works directly with Locweb Product Teams • Recently started working with Website and Customer Support Teams
  • 7. WE BELIEVE IN LEAN UX Think • Create the main personas • Identify goals and problems • Formulate hypotheses about interactions Do • Draw, draw, draw • Invite members of the Team to draw • Design wireframes and/or prototypes from the best ideas Test • Show them to the Team and ask feedback • Invite real users and who is near you to test • Adjust the prototype and keep iterating
  • 9. WHAT IS OUR PROBLEM? There is no pattern to our product interactions • • • • Difficulty to conduct processes concerning panels implementation UX Team is not close to Front-end Team User Tests? NO WAY! Lack of time to draw and code Panels interfaces
  • 10. LOCASTYLE BOTTOM LINE Customer Workbench  Recently updated Panel  Research and Interview with customers  Personas created  Tests performed with real customers  Easy customization  Easy maintenance  Large number of elements  Scalable
  • 11. BETA PROJECT • Simple and low impact panel • Elements created on demand • Work of co-creation between some members of the UX teams and front-end • Prototyping and test application with users • Ready in 2 months
  • 12. THE EVOLUTION • Remodeling of Email Marketing panel (a “core business” product of the company) • Crucial for creating standards to the next panels • +80% of Locastyle elements were created during this project
  • 13. THE EVOLUTION • Remodeling of Email Marketing panel (a “core business” product of the company) • Crucial for creating standards to the next panels • +80% of Locastyle elements were created during this project AND FINALLY… • We released our Library to the GitHub developers community
  • 15. OUR BENEFITS • Nimble creating of high fidelity prototypes • Helped in the design of new products and the remodeling and improvement of existing ones • Today the user test is included on a daily basis
  • 16. NOT ALWAYS A BED OF ROSES • Responsiveness and Library documentation process were postponed • Some elements did not fit all cases • Not all members of the Team were involved
  • 17. Next steps • • • • • Mobile First UX Library documentation Validating individual and combined elements (mobile first requirement) All members of the Team joined activities of creating elements Co-creation workshops with UX and Front-end Teams