Shukran gives the liberty to earn and spend Shukrans on customer's purchases. It’s the biggest and the most successful retail loyalty program in the Middle East which serves with an extremely rewarding shopping experience across the Landmark Group brands or LMG partner brands.
Shukran gives the liberty to earn and spend Shukrans on customer's purchases. It’s the biggest and the most successful retail loyalty program in the Middle East which serves with an extremely rewarding shopping experience across the Landmark Group brands or LMG partner brands.
I led Shukran as Product Designer by taking direction on the business goals and objectives from product management.
I worked on Shukran for a year and a half (of course along with other Landmark’s e-commerce brands). Initially, I designed the Desktop and Mobile experience and then after the launch in July 2018 it was handed over to me completely (Inculding the iOS & Android Platforms). From then I was responsible for followings:
I worked on Shukran for a year and a half (of course along with other Landmark’s e-commerce brands). The project started in January 2018 and I joined the end of February 2018, Initially, I designed the Desktop and Mobile experience and then after the launch in July 2018 it was handed over to me fully to own it as it’s product designer. From then I was responsible for followings:
Business Goals for Shukran 2.0
Business Goals for Shukran 2.0
Acheived
Results
Acheived
Results
113% - Organic app downloads lift
83% - Reduced web bounce rate
12% - Reduced call centre load by introducing inbox
42% - Logged-in users visiting the New receipts & transactions.
113%
Organic app download lift
83%
Reduced web bounce rate
12%
Reduced call center load by introducing inbox
42%
Logged-in users visiting the New receipts & transactions.
Foundation
Foundation
Apps are our first priority, iOS was leading the whole project but for desktop, there are always some fundamental requirement that needs special treatment. These wireframes were the very initial steps of desktop site. There were lots of changes I made moving towards design phase, you will see while you scroll down.
Apps are our first priority, iOS was leading the whole project but for desktop, there is always some fundamental requirement that needs special treatment. These wireframes were the very initial steps of a desktop site. There were lots of changes I made moving towards design phase, you will see while you scroll down.
Wireframes
Wireframes
Took the Lo-fi sketches to a solid form and step by step I was improving each section like what content should follow what? what information would be best for which page? and so on …
In desktop, you get more space to guide your users (if you use it smartly). The goal of the Shukran website and the purpose (nowadays) desktop sites serves, was a good match for me because all we wanted from desktop site to push customers to download the app and to give information about Shukran and it’s partners as much we can.
Took the Lo-fi sketches to a solid form and step by step I was improving each section like what content should follow what? what information would be best for which page? and so on …
In desktop, you get more space to guide your users (if you use it smartly). The goal of the Shukran website and the purpose (nowadays) desktop sites serve, was a good match for me because of all we wanted from desktop site to push customers to download the app and to give information about Shukran and it’s partners as much we can.
Digitization of Shukran Card
Digitization of Shukran Card
For 8 years Shukran was using the physical card to reward users. It's 2019 now and finally they decided to kill the physical cards and go digital. I don't need to explain what benefits this step has given to users and the company, quite obvious! isn’t it?!
For 8 years Shukran was using the physical card to reward users. It's 2019 now and finally, they decided to kill the physical cards and go digital. I don't need to explain what benefits this step has given to users and the company, quite obvious! isn’t it?!
Improved Shukran Calculator
Improved Shukran Calculator
I designed a better calculator for desktop and mobile site to measure Shukran's earnings and spendings easily. Shukran serves more than 55 brands and each brand gives a different value to Shukran. Based on your transaction new calculator allows you to calculate the values you earn/spend by brand. Which helps users to decide where they should spend their money.
I designed a better calculator for desktop and mobile sites to measure Shukran's earnings and spendings easily. Shukran serves more than 55 brands and each brand gives a different value to Shukran. Based on your transaction new calculator allows you to calculate the values you earn/spend by brand. Which helps users to decide where they should spend their money.
Inbox
Inbox
The requirement was to reduce the phone calls load from the call center at some level. Introducing Inbox into Shukran has helped members to keep track of their issues/notifications/earnings/spendings in-short everything related to their Shukran membership.
Receipts & Transactions
Receipts & Transactions
The new Shukran has an account statement of members spendings on Shukran brands. Graphics with text helps to understand things fast. I designed the transactional statement in visuals. Users can keep track of their transactions and what value of Shukran they have earned from different brands. It allows users to track more than 12 months. It's really helpful, my wife uses it a lot. haha!
The new Shukran has an account statement of members spendings on Shukran brands. Graphics with text helps to understand things fast. I designed the transactional statement in visuals. Users can keep track of their transactions and what value of Shukran they have earned from different brands. It allows users to track more than 12 months. It's really helpful, my wife uses it a lot. haha!
Increase App Downloads
Boost App Downloads
This is one of the most important goals of any online business. While designing the first page of Shukran I wanted to be loud about downloading the app. There were 3 spots on the homepage where I proposed to remind the user to download Shukran app.
Shukran's main platform is mobile applications. Shukran’s requirement from the and therefore we clearly needed something more than just placing the iOS/android store buttons in footer.
This is one of the most important goals of any online business. While designing the first page of Shukran I wanted to be loud about downloading the app. There were 3 spots on the homepage where I proposed to remind the user to download Shukran app.
Shukran's main platform is mobile applications. Shukran’s requirement from the and therefore we clearly needed something more than just placing the iOS/android store buttons in the footer.
User Interfaces
User Interfaces
170+ Screens! Obviously can't list them all.
170+ Screens! Obviously can't list them all.
After getting the approval my next step was to nicely dress up the wireframes into new Shukran visual style, but it was not just the UI design, I had to work parallel on UX and UI in this project. Wireframe phase only covered few major pages that was needed for the approval purpose and due to the shortage of time, I had to jump directly into UI phase.
As in combination of UX&UI many new things were coming up. I tried a lot of solutions for Shukran Calculator, Store Locator, Account Dashboard, Coupons and Offer detail pages etc and all of those were being filtered in each team meetup.
By the way I have not presented the Visual Style Tile in this casestudy but we (design team) changed it all, just so you know the transformation was from skeuomorphic to modern design.
I am presenting few screens below. You can browse the site here www.shukran.com
After getting the approval my next step was to nicely dress up the wireframes into the new Shukran visual style, but it was not just the UI design, I had to work parallel on UX and UI in this project. Wireframe phase-only covered a few major pages that were needed for the approved purpose and due to the shortage of time, I had to jump directly into the UI phase.
As in combination with UX&UI many new things were coming up. I tried a lot of solutions for Shukran Calculator, Store Locator, Account Dashboard, Coupons and Offer detail pages, etc and all of those were being filtered in each team meetup.
By the way, I have not presented the Visual Style Tile in this case study but we (design team) changed it all, just so you know the transformation was from skeuomorphic to modern design.
I am presenting a few screens below. You can browse the site here www.shukran.com