PROJECT LIVE

MOWERS ONLINE

KEY CATEGORY PAGE REDESIGN

BRIEF/

RESTRUCTURE AND MODERNISE THE LAWN MOWER CATEGORY PAGES.

WE’RE SEEKING A TALENTED UX DESIGNER TO REVAMP OUR PETROL LAWN MOWER LANDING PAGE ON OUR SITE. THE CURRENT PAGE SHOWCASES DIFFERENT TYPES OF PETROL LAWN MOWERS. HOWEVER, WE AIM TO IMPROVE THE USER EXPERIENCE AND TRANSFORM THE PAGE INTO A SEAMLESS E-COMMERCE EXPERIENCE, ENSURING A USER-FRIENDLY FLOW THAT EFFORTLESSLY GUIDES VISITORS THROUGH THE AVAILABLE OPTIONS, PRODUCT DETAILS, AND TRUSTWORTHY REVIEWS.

THE PROCESS/

UNDERSTANDING MY PROCESS

FOLLOWING A STRUCTURED DESIGN PROCESS IS KEY TO ACHIEVING SUCCESSFUL OUTCOMES. IT ENSURES CLARITY, EFFICIENCY, AND A REFINED END PRODUCT. EXPLORE EACH STEP OF MY DESIGN PROCESS BELOW TO WITNESS HOW EACH PHASE CONTRIBUTES TO DELIVERING THOUGHTFUL AND EFFECTIVE DESIGN SOLUTIONS

CURRENT DESIGN ANALYSIS

THE CURRENT DESIGN LACKS STYLING, STRUCTURE AND REAL CONSIDERATION TO THE USER JOURNEY ON THE SPECIFIC PAGE. THE PRIORITY CURRENTLY IS ON THE INTERNAL CATEGORY LINKS, WHEREAS WE SHOULD BE LOOKING INTO HOW WE CAN SUPPORT THE CUSTOMER WITH ADDITIONAL USEFUL INFORMATION AND RELEVANT PRODUCTS TO PURCHASE.

HEAT MAP ANALYSIS

THANKFULLY THE CLIENT HAD ACCESS TO A USER BEHAVIOUR SOFTWARE CALLED ‘LUCKY ORANGE’, I USED THIS TO LOOK OVER THE USER BEHAVIOUR ON THE PAGE, INCLUDING HEAT MAPS, SCREEN RECORDINGS AND MOVEMENT.

COMPETITOR ANALYSIS

UPON CONDUCTING THOROUGH ONLINE ANALYSIS, IT BECAME EVIDENT THAT THE CURRENT PAGE SIGNIFICANTLY LAGGED BEHIND THE COMPETITION. WHILE COMPETITORS WERE SUPERIOR IN THEIR CONTENT AND STRUCTURE, IT WAS CLEAR THAT OUR OPPORTUNITY WAS IN THE VISUAL OF THE PAGE.

DESIGN PROCESS/

A COMPLETE REVAMP

AFTER SEVERAL MEETINGS WITH THE CLIENT, PRESENTING DATA, WIREFRAMES AND QA, THE FINAL DESIGN WAS COMPLETED AND IS NOW IN DEVELOPMENT WITH THEIR IN HOUSE TEAM.

VIEW WIREFRAME VIEW DESIGN

PROTOTYPES/

MOBILE FIRST. IF YOU KNOW, YOU KNOW.LIKE ALL MY PROJECTS, THEY ARE MOCKED UP AND PROTOTYPED BEFORE SENDING OVER TO THE DEVELOPMENT TEAM FOR BOTH MOBILE AND DESKTOP. IN MOST CASES (DEPENDING ON THE DATA AND DEMOGRAPHIC) MOBILE IS ALWAYS THE MAIN FOCUS.

VIEW MOBILE PROTOTYPE VIEW DESKTOP PROTOTYPE

BEFORE AND AFTER/

SEE THE DIFFERENCE FOR YOURSELF.

BEFORE 👎 SEE PROTOTYPE

AFTER 👍 SEE PROTOTYPE

CLIENT REVIEW/

““WE'VE BEEN WORKING WITH KEIRAN FOR SEVERAL MONTHS NOW AND I CAN HONESTLY SAY THAT HE IS ONE OF THE BEST UX DESIGNERS WE HAVE WORKED WITH. HIS ABILITY TO UNDERSTAND OUR REQUIREMENTS AND TRANSFORM THEM IN WEB PAGES THAT NOT ONLY LOOK FANTASTIC BUT ALSO FULFIL ALL OUR REQUIREMENTS IS SECOND TO NONE.””

STEVE WILLIAMS

OWNER - MOWERS ONLINE