Greg Lakloufi's profile

MetroGO: Website UI/UX

MetroGO
Website Design: UI/UX


Initial UI exploration for companion App. A quick initial UI prototype allows for early feedback/comments on functionality from all stakeholders. Quick successive iterations allows the team to hone in on key challenges that may arise during process. (work in progress) 
After initial discovery stage, the decision was made to develop a dedicated micro-site where end-users (distributors, retailers, suppliers...) could familiarize themselves with the new line of logistics provided. Early UX flow drafts discussed multi-page site and 1 page scroller site.
Since the inception of the overall new brand launch, the overall User Experience was defined as the main driver for the initiative and influenced greatly the process, development and interactions between the multiple users and all facets of the campaign, whether online of offline. The methodology followed was highly iterative and collaborative with research, testing, development, content, and prototyping to test for quality results. 

Strategy & Content:
• Competitor Analysis
• Customer Analysis
• Product Structure/Strategy
• Content Development

Wireframing & Prototyping:
• Wireframing
• Prototyping
• Testing/Iteration
• Development Planning

Execution & Analytics
• Coordination with UI Designer(s)
• Coordination with Developer(s)
• Tracking Goals and Integration
• Analysis and Iteration
A single page long form scroll was the winning design, a rapid iterative Content Flow was developed in full collaboration with marketing, sales, logistics and management teams in order to address all possible known and potential unknown issues to make the flow as seamless as possible for all users accessing the site (Internal and external users) (Proprietary information has been removed and replaced with generic taxonomy)
The inital lo-fi mock ups were quickly replaced with hi-fi mock ups for content approval, copywriting and imagery needs, interface and interaction. Working/interactive  prototypes were built to facilitate approval and feedback from the multiple teams involved. (Proprietary information has been removed and replaced with generic taxonomy)
Some of the initial features and functionality requested by some of the stakeholders included a fleet gallery.
Some of the initial features and functionality requested by some of the stakeholders included a fleet gallery.
MetroGO: Website UI/UX
Published:

MetroGO: Website UI/UX

Published: