0
Italo Oliveira
• Digital Designer
• 12-year-experience on interactive
projects, websites, apps, ecommerce, and more…
• 2 y...
José Cipriano
• Musician and marathoner in his free
time
• Major in International Relations and
Marketing
• 12 years tryin...
About Locaweb
• 15 years
• +1000 employees
• Hosting & Infrastructure
Services leader in Brazil
and Latin America
• +260 K...
+
2
Million

About Locaweb

E-mail
accounts

• 15 years
• +1000 employees
• Hosting & Infrastructure
Services leader in Br...
Locaweb UX Team
• 10 members
• Works directly with Locweb
Product Teams
• Recently started working
with Website and
Custom...
WE BELIEVE IN LEAN UX
Think
• Create the main
personas
• Identify goals and
problems
• Formulate
hypotheses about
interact...
=
DEVELOPING
STANDARDS
WHAT IS OUR PROBLEM?
There is no pattern to our product interactions

•
•
•
•

Difficulty to conduct processes concerning ...
LOCASTYLE BOTTOM LINE
Customer
Workbench

 Recently updated Panel
 Research and Interview
with customers
 Personas crea...
BETA PROJECT
• Simple and low impact panel
• Elements created on demand
• Work of co-creation between
some members of the ...
THE EVOLUTION
• Remodeling of Email Marketing
panel (a “core business”
product of the company)
• Crucial for creating stan...
THE EVOLUTION
• Remodeling of Email Marketing
panel (a “core business”
product of the company)
• Crucial for creating stan...
…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
i...
NOT ALWAYS A BED OF ROSES
• Responsiveness and Library documentation process
were postponed
• Some elements did not fit al...
Next steps
•
•
•

•

•

Mobile First
UX Library documentation
Validating individual and
combined elements (mobile
first re...
Locastyle standards: creating interfaces in an agile, scalable and responsive way
Locastyle standards: creating interfaces in an agile, scalable and responsive way
Upcoming SlideShare
Loading in...5
×

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

479

Published on

This theme was presented in Recife (Brazil) 11/14/2013 during ISA-IXDA'13.
More info: http://locaweb.github.io/locawebstyle

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
479
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. 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
  2. 2. 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
  3. 3. About Locaweb • 15 years • +1000 employees • Hosting & Infrastructure Services leader in Brazil and Latin America • +260 K customers • 25 products (SaaS, PaaS and IaaS)
  4. 4. + 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
  5. 5. Locaweb UX Team • 10 members • Works directly with Locweb Product Teams • Recently started working with Website and Customer Support Teams
  6. 6. 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
  7. 7. = DEVELOPING STANDARDS
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 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 AND FINALLY… • We released our Library to the GitHub developers community
  13. 13. …UP TO NOW: 10 40 +1500 Panels GitHub Projects
  14. 14. 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
  15. 15. 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
  16. 16. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×