Design, UI, UX

Asda – Accessory ordering system

Project details

Client

ASDA, Lenstec

Date

2018

Category

Design, UI, UX

Overview

Optical accessory ordering system for Asda Opticals (located in Asda stores) and Lenstec Optical Group (supplier) with multiple user roles (admin, super admin, warehouse manager, store manager, store assistant), integrated oAuth authentication process.

UX related tasks

• Conduct user research, qualitative and quantitative interviews, behavioural tests
• Full moderated tests (cca 100 users)
• Face to face user interviews, online surveys, logical testings
• Define information architecture, user journeys and interaction design
• Mind & site mapping, brainstorming
• Walkthrough wireframe using Balsamiq
• Prototyping (low and high fidelity) using Axure RP8, Adobe XD
• UI design using Adobe Photoshop, Illustrator and Sketch
• Create full design/css specs
• More than 50 usability and A/B testing sessions

Business analytics related tasks

• Product development from the early concept phase
• Requirement gathering and meetings, recommendations
• Functional requirement documents
• Create customer and user journey, personas and scenarios
• Deliver user stories
• Acting as Product Owner

Softwares & Tools

• Mockflow, Balsamiq and Axure – rapid and interactive wireframing
• InVision, Adobe XD, Axure for lo/hi fidelity prototyping
• Adobe CC/CS (Photoshop, Illustrator, InDesign) – UI and visual design
• TextMate, Coda, Sublime Text, Dreamweaver – hand coding HTML, CSS, PHP
• XMind & Axure RP – process flows charts, information architecture and prototyping
• XTensio – scenarios and personas
• ElementsCloud – system mapping and business modelling, documentation, collaboration
• Visual Paradigm – system modelling
• ActiveCollab and Asana – project and task management
• UX, Usability testing, analysis – Usabilla, Userzoom, Usabilityhub
• Other tools – MOZ, Google Analytics, SurveyMonkey, Google Docs, MS Office, Webmaster tools

Team & Techology

Developers (3), tech leads (1), designers (2), consultants (2), marketing executives (2), business stakeholders (3)

Technology: Laravel PHP, oAuth authentication

Development environment & project management: Agile

Status & Links

Status: final test phase, soft launch

Prototype: Click here

CSS Guide: Click here

Team & Technology

Software developers (14), tech leads (2), dev-op admin, software testers (3), project manager, product owner

Development environment & project management: Agile/Scrum/Jira

Technology: Laravel PHP, React/Native, Vue.js, HTML5/CSS3,

Deployment, automation and microservices: Kubernetes, Docker

Status & Links

Status: under development

Wireframe: Click here

Asda Optical Accessory Ordering System - Prototype
Asda Optical Accessory Ordering System - UI
Asda Optical Accessory Ordering System - UI
Asda Optical Accessory Ordering System - Prototype
Asda Optical Accessory Ordering System
Asda Optical Accessory Ordering System - Wireframes
Asda Optical Accessory Ordering System - User journey and structure
Asda Optical Accessory Ordering System - Page structure
Asda Optical Accessory Ordering System - User journey and structure
Share on
Previous

M&S – Virtual Shop Concept

Next

Misc – Concepts and UX Designs