User Experience Portfolio - ux cases portfolio press.pdf · User Experience Portfolio beto@...
Transcript of User Experience Portfolio - ux cases portfolio press.pdf · User Experience Portfolio beto@...
2 www.betoworks.com
Syncrofy: Collaborative B2B Software
Description
Collaborative web-based application oriented to B2B purposes — making easier between company departments and other companies to share and manage inventory data, users, tasks, messages, message rules and collaborative groups.
I was hired by CoEnterprise in New York to kickstart and define the UX/UI development of Syncrofy. This proved to become an extremely complex project which kept me busy for the better part of three years. The app is available at www.syncrofy.com. Inventory Timeline - Main Wireframes
3www.betoworks.com
Syncrofy: Collaborative B2B Software
Challenges
• Manage and order lots of complex processes into a business-friendly web interface within reach of a basic level of computing expertise
• Research and build logic parameters to relate and synchronize all such processes
• Manage daily remote teamwork communication (me in CR / client in NY)
Results
• Development of Syncrofy started in 2011. The B2B web app is still available at syncrofy.com.
Tasks - Main Wireframes
Rules Logic - Wireframe (Detail)
4www.betoworks.com
Description
User Online Onboarding - Process Flow
Syncrofy: Collaborative B2B Software
User + Groups Profile Wireframe
5www.betoworks.com
Syncrofy: Collaborative B2B Software
Reports List - Detail Report Scheduling
Scorecards
6 www.betoworks.com
Description
California-based precision therapy products company Volcano Corporation was acquired by Philips in 2015. Therefore all Volcano medical hardware, documentation and policies had to be adapted to existing Philips corporate guidelines, digital components and development policies. UI work for the most part was related at re-creating Volcano pages and content within these parameters.
Phillips Volcano: Rebranding
7www.betoworks.com
Challenges
• The inherent complexity of organizing a vast array of resources and information for development
• Adapt Volcano’s products and content to Philips’s corporate style and guidelines.
• Re-map content to highlight client’s best-selling and more helpful approaches
Results
• The Philips/Volcano rebranding is an ongoing work nearing total completion. It will launch under usa.phillips.com in early 2017.
Site Content - Process Flow Layout Components Mapping Sticky Navigation Component
Phillips Volcano: Rebranding
8 www.betoworks.com
VMWare: Airwatch online service sales
Description
During my 3-month contract with VMWare I worked on the UI/UX of their AirWatch server online sales platform, helping build an interface to turn server trial customers into paying customers.
9www.betoworks.com
Challenges
• Receive and discuss feedback from VMWare’’s core team to assess best suited routes to achieve final goals
• Create a selection-and-purchase process as simple and straightfoward as possible for the prospective customer
• Follow through and adapt proposed solutions to VMWare’’s UX patterns and style guidelines
10 www.betoworks.com
Description
User interface and application intended for accesibility and sales from U.S. Home Shopping Network via Windows Media Center. The interface was designed to work with the Windows Media Center remote, back when smartphones weren’t as commonplace as they are today.
Browse selector UI
Windows Media Center Remote
HSN: Windows Media Center Application
11www.betoworks.com
Challenges
• Designing UI/UX for a relatively unknown device at the time
• The intrinsic limitations of hardware remote controls to manipulate UI
• Make the browse-to-shop process as intuitive as possible
• Minimize the number of interactions to accomplish a goal whenever possible
Results
• A working version was delivered to HSN; during the lifetime of Windows Media Center it remained a consistent and reliable application.
Application Process Flow Item selection process
HSN: Windows Media Center Application
12 www.betoworks.com
Target: Red Hot Shop UI
Description
UI for U.S. retail chain Target looking to drive up sales highlighting selected merchandise as “top monthly picks” using a charming and enticing interface.
Item drag-and-drop selection wireframes
13www.betoworks.com
Challenges
• Making the “wow factor” and a clean UI coexist
• Simplify the select-and-shop dynamic to the greatest extent possible
• Make the process simple and enticing enabling the user to drag-and-drop items, select size and color dynamically, etc.
Results
• A working version was delivered to Target, which used it as part of their commercial strategy during the 2007/2008 season.
Target: Red Hot Shop UI
Main Layout Wireframe Archive Listings Wireframe + Developer Notes