ONSOR
Website & Portal Platform
Onsor is a technology start-up founded in Oman. The Onsor team has spent the last seven years planning and designing a laptop for the Omani audience.
Since its launch in October 2020, more than 2,000 devices have been manufactured and sold.
Role
UX/UI Designer
-----------
Research, product design,
design systems
The Team
2 Designers
1 Product Manager
3+ engineers.
Platform(s)
Website
Technologies
Figma
Miro
ZenHub
Wordpress
React
Overview
Mission
Creating a smooth online presence for Onsor, an Omani technology start-up foundation, by building an e-commerce platform that offers a good view of their products and provides seamless transactions for a diverse customer base.
Goals
The creation of an intuitive and user-friendly website enabled six more sales to be made successfully.
A manageable and secure e-commerce system can be developed to conduct transactions.
Making the platform accessible for both Arabic and English-speaking audiences should be the primary target.
Challenge
A shift from traditional retail stores to a fully fledged online shopping platform has been a tough time that retailers went through in the past years:
Design a user-centric interface that appeals to a multitude of consumer preferences.
Security and reliability are important factors of secure transactions and product delivery.
Maintaining brand identity that appeals to a broader audience is one route to this success.
Sollution
Armed with Agile methodology, the team performed the following tasks successfully:
Design Sprint:
In the course of the sessions, every stakeholder was deeply involved in setting the goals and the way the functions should be performed to reach them; thus, they were engaged in it as part of the project design.User Stories Development:
We have drawn up some user personas (Website Visitor, Administrator, and Service Provider) and put up user stories pointing the way to the development of functions to them.Website and E-commerce Design:
Figma was used among the team members to design a sitemap and a user interface that is ease-of-use in nature.Implementation:
We made the bilingual (Arabic and English) site on WordPress and WooCommerce, which grew accessibility and scalability. It has become a perfect digital platform that forms Onsor’s brand in an online environment as well as at the same time addressing the different needs of their customers.
This approach turned out to be a flawlessly creating online platform that mirrors Onsor’s brand personality as well as, at the same time, serving the requirements of its varied customer base end to end.
Design Process
Designing the Agile Way
In order to bring the vision of Onsor to life quickly and efficiently, we practice designing and developing using the Agile methodology.The Agile methodology is a time boxed, iterative approach (sprints) to software delivery that builds software incrementally from the start of the project instead of delivering all at once in the end.The Agile methodology allows for flexibility in quickly pivoting and redirecting to create and develop what Onsor's audience truly needs.To ensure proper Agile development and project management, we leveraged GitHub and ZenHub.
Running a Design Sprint
A design sprint is a time-boxed framework for answering critical business questions through design, prototyping and testing ideas with users.
The goal of a design sprint is to reduce the risk when bringing a new product, service or a feature to the market.
Objectives
Understand the client’s goals and needs
Add definition and depth to the proposed solutions to be built
Review and validate functional requirements
Prioritize delivery of requirements
Align all stakeholders
Design Sprint Miro board
Developing User Stories
User stories are short, simple descriptions of a feature told from the perspective of the person who desires the new capability, usually a user or customer of the system.
For the Onsor team, we broadly defined three users:
1. Website visitor
2. Administrator
3. Service Provider
With these users in mind, the team worked together to prepare a whole range of user stories to go clearly define the breadth and depth of the proposed solutions.
To determine what is most important to the stakeholders in the project, the client team prioritized by voting on the most important user stories..
User Story Definition Miro board
Onsor Website
The Onsor Website
The core experience Onsor desired is that their customers have a memorable experience while learning about their company and products and to easily purchase their headlining product, the O50 laptop.
To ensure this, we worked on creating:
The overall website experience
The e-commerce store
To ensure a fitting experience, we created a thorough sitemap that would serve in educating, informing and finally, enticing Onsor's audience to purchase an Onsor laptop.
Working together to design
To ensure active communication between our team and Onsor, we used Figma to collaborate and share ideas on developing what is best for Onsor's audience. This was important for us to make sure that Onsor could communicate their vision for the Onsor website.
Bringing the design to life
Using the power of WordPress and WooCommerce, we created the Onsor website and store that allows Onsor to truly communicate who they are as an organization and their intent to bolster the Sultanate of Oman as one of the leading countries in tech. Additionally, the website is accessible to an Arabic and English audience.
OTSP Platform
The OTSP Platform
As the Sultanate of Oman is known for its caring hospitality, Onsor aims to leave a strong mark in ensuring their Onsor laptops are meeting their customers' standards.
Onsor will be offering a training program to computer repair shops called Onsor Trusted Service Provider (OTSP) Program. This program will train computer shop owners and technicians to understand and comply with Onsor customer service and repair standards.
To develop this experience, Onsor approached our team to build a digital platform that will allow OTSPs to manage the services that they will provide to Onsor customers and to allow customers to submit service requests to OTSPs. Additionally, this platform provides Onsor with an overview of the performance of their OTSPs and help them manage them.
To create initial alignment and clarity with Onsor, we developed wireframes to have a constructive dialogue on how to design and develop the OTSP experience.
Effective design and development
Maintaining a high standard for customer service is not easy goal to achieve, and to ensure that the complex nature of developing the OTSP is easily understood by the development team, core screen flow diagrams were created to ensure an active line of communication between the design and development.
Core Screen Flow Diagrams
Building a stable platform
In order to ensure proper development of the OTSP, we used GitHub to capture and track bugs and errors in context. Additionally, we had routine syncs with Onsor to test the platform and continue developing business understanding.
To maintain the OTSP platform after its launch to the public, through ZenDesk, the Onsor team can simply send an email and it will create a GitHub ticket for our team to resolve.
