Aygaz E-Commerce Native Mobile Application
Aygaz E-Commerce Native Mobile Application
Mobile App
UX Design
UI Design
Art Direction
Native Mobile Development
Product Management
Maintenance
User Research & Testings
UX Design
UI Design
Art Direction
Native Mobile Development
Product Management
Maintenance
User Research & Testings
UX Design
UI Design
Art Direction
Native Mobile Development
Product Management
Maintenance
User Research & Testings
Aygaz is Turkey's largest energy company. In the brief they gave us in 2019, they specified wanting an e-commerce application and website where they could primarily sell liquefied petroleum gas (LPG) and autogas, and also offer camping equipment for sale. This brief was our starting point to make a pitch presentation to be the winner UX agency among our competitors.
Pitch Presentation and Positioning for Aygaz Mobile
By conducting a small user research, we learned what kind of service people using liquefied petroleum gas (LPG) and autogas desired from a brand like Aygaz, and what functions they would expect if Aygaz were to create a mobile application and their demands were simple.
They want to purchase LPG almost in a single click
They want to pay for autogas without leaving their vehicle
They want to have a nice loyalty system with a lot of discounts
The user research also helped us map out a diagram including all stakeholders of Aygaz Mobile, and understand the interaction flow these stakeholders would have with Aygaz Mobile. We decided that Aygaz Mobile could be a mobile application that serves as both a shopping and utility tool for users with a huge list of features centered consumer demands.
We won the pitch 🥳 and begin to sketch screens before UI to define UX from at the service layer
What we knew about the users was that the majority would be Android users and they were likely to try to place orders using older model devices. Similarly, we knew that primarily liquefied petroleum gas (LPG) customers would use this app, and on average, they would log in to this app and order gas cylinders every month.
Secondarily, autogas customers would access this app and use it while refueling, and this user profile would also predominantly have older model Androids since autogas users are generally people with not very high incomes.
Therefore, both in ordering LPG and purchasing autogas, users should easily reach the primary functions they needed, while also being able to see other products sold in the app, be informed about campaigns, and track their accumulated points.
Anatomy of an LPG order 🧐
Through task analysis, we examined the entire user experience. We mapped out all the details such as at what stage the customers need to make decisions while placing an order, and the responses required from the service. Through this, we clarified the desired level of user experience.
Wireframing the screens
In the rough sketch prepared on the side, we adopted a task-oriented approach and, anticipating the users' mental model, placed the tasks in a hierarchy accordingly.
To order gas cylinders, users had to enter their address first because gas cylinder prices and stocks varied by address.
Users should be able to see their points.
If they had ordered before, they should see the details of their last order and if desired, be able to repeat the same order.
Transition between liquefied petroleum gas (LPG) and autogas sections should be possible.
Products from other categories should come horizontally right below.
A menu should be right below that.
Design and Development
We began the design process by preparing wireframes and defining user flows. By creating an experience map, we ensured a user-centric and business-oriented focus throughout the design and development stages. The project, after an intense 8-month period of design and development, was launched on both Android and iOS platforms.
Launch Results
The application received significant attention post-launch and currently has 1 million subscribers. It receives an average of 10,000 bottled gas orders daily, with an average order time of 2 minutes. Users across Turkey can comfortably place orders and benefit from campaigns through the app.
Conclusion
The Aygaz Mobile Application project strengthened Aygaz's presence in the digital realm while offering users a modern and user-friendly platform, thereby increasing brand loyalty. This project demonstrates Aygaz’s customer-centric approach and commitment to its digital transformation journey.
Pitch Presentation and Positioning for Aygaz Mobile
By conducting a small user research, we learned what kind of service people using liquefied petroleum gas (LPG) and autogas desired from a brand like Aygaz, and what functions they would expect if Aygaz were to create a mobile application and their demands were simple.
They want to purchase LPG almost in a single click
They want to pay for autogas without leaving their vehicle
They want to have a nice loyalty system with a lot of discounts
The user research also helped us map out a diagram including all stakeholders of Aygaz Mobile, and understand the interaction flow these stakeholders would have with Aygaz Mobile. We decided that Aygaz Mobile could be a mobile application that serves as both a shopping and utility tool for users with a huge list of features centered consumer demands.
We won the pitch 🥳 and begin to sketch screens before UI to define UX from at the service layer
What we knew about the users was that the majority would be Android users and they were likely to try to place orders using older model devices. Similarly, we knew that primarily liquefied petroleum gas (LPG) customers would use this app, and on average, they would log in to this app and order gas cylinders every month.
Secondarily, autogas customers would access this app and use it while refueling, and this user profile would also predominantly have older model Androids since autogas users are generally people with not very high incomes.
Therefore, both in ordering LPG and purchasing autogas, users should easily reach the primary functions they needed, while also being able to see other products sold in the app, be informed about campaigns, and track their accumulated points.
Anatomy of an LPG order 🧐
Through task analysis, we examined the entire user experience. We mapped out all the details such as at what stage the customers need to make decisions while placing an order, and the responses required from the service. Through this, we clarified the desired level of user experience.
Wireframing the screens
In the rough sketch prepared on the side, we adopted a task-oriented approach and, anticipating the users' mental model, placed the tasks in a hierarchy accordingly.
To order gas cylinders, users had to enter their address first because gas cylinder prices and stocks varied by address.
Users should be able to see their points.
If they had ordered before, they should see the details of their last order and if desired, be able to repeat the same order.
Transition between liquefied petroleum gas (LPG) and autogas sections should be possible.
Products from other categories should come horizontally right below.
A menu should be right below that.
Design and Development
We began the design process by preparing wireframes and defining user flows. By creating an experience map, we ensured a user-centric and business-oriented focus throughout the design and development stages. The project, after an intense 8-month period of design and development, was launched on both Android and iOS platforms.
Launch Results
The application received significant attention post-launch and currently has 1 million subscribers. It receives an average of 10,000 bottled gas orders daily, with an average order time of 2 minutes. Users across Turkey can comfortably place orders and benefit from campaigns through the app.
Conclusion
The Aygaz Mobile Application project strengthened Aygaz's presence in the digital realm while offering users a modern and user-friendly platform, thereby increasing brand loyalty. This project demonstrates Aygaz’s customer-centric approach and commitment to its digital transformation journey.