
Brand Strategy and Web Revamp
RideBeam Website 2.0
Beam is a micro-mobility operator, providing micro transportations to riders across 8 countries in Asia Pacific. One of its key assets is the website, which targets out to 3 main groups of people – Riders, Partners, and City Councils.
I redesigned the information architecture and site map, user interface across 50 over pages. Together with the brand design team, we developed new illustrations, icons, and set in place a style guide for the new site. With the development team, we delivered over a new revamped site with enhanced userability, easier access and navigation for users to get the information they need or be able to access the necessary forms for contact.
The Challenge
With the business expanding into 4 new markets, we needed to localise the site to relate to the respective audiences across 8 different countries in Asia Pacific.
Target Audience
On top of localising the site to the various countries, there was another layer that we had to consider – target audience. Beam has 3 key audiences to reach out to. We broke them down and analysed their profile to better understand how Beam’s website can best support their needs.

Target Audience 1 - Riders

Target Audience 2 - Partners

Target Audience 3 - Talents / Rangers
The Solution
Restructure the site to be grouped by the target audience for easy navigation and targetted content that is catered to the specific user.
Design Process
Content Workroom
Beam operates in 9 countries, with each country operating at different capacities and in different stages.
As the site had to be relevant and localised for each operating market, we worked closely with the local stakeholders across departments to discuss and determine how we should shape the strategy and content specifically for the locals in the city, to meet their needs.
The Content Workroom was developed as a communication means where we put together the pieces of content and build a cohesive yet localised site catered to the needs and current developments of your country.
It is also used as a tool for stakeholders to make requests for new micro-sites or webpages required for various objectives.
Design System
Components on Figma
Scalability of the web design system was key for Beam as it was expanding quickly, with many new updates. To maintain the consistency as well as streamline the work processes, we set up a design system for future team members to adopt.
![[deskt]1_AU_Homepage.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/ada2a175-45f5-4804-9dc9-2a557692283d/%5Bdeskt%5D1_AU_Homepage.jpg)
![[deskt]4A_GLOBAL_Rider.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/f31a5d7e-5d7e-4bc3-8b54-a47a5032f162/%5Bdeskt%5D4A_GLOBAL_Rider.jpg)
![[deskt]4B_GLOBAL_Features.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/da03183e-7d7b-4315-b1e5-fb55926b22ed/%5Bdeskt%5D4B_GLOBAL_Features.jpg)
![[deskt]6_GLOBAL_Vehicles.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/746fb769-1fe8-4be4-a65e-72935b74fe9c/%5Bdeskt%5D6_GLOBAL_Vehicles.jpg)
![[deskt]3A_GLOBAL_Partners.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/d72f84bf-e8a1-40ef-a791-8e02b580ddf0/%5Bdeskt%5D3A_GLOBAL_Partners.jpg)
![[deskt]3E_GLOBAL_Beam-for-All.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/bb422534-9679-47df-82a5-9851c14e8e7c/%5Bdeskt%5D3E_GLOBAL_Beam-for-All.jpg)
![[deskt]3D_GLOBAL_Beam-Booster.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/87205e6c-a00d-4d27-9aa5-d80b13aea606/%5Bdeskt%5D3D_GLOBAL_Beam-Booster.jpg)
![[deskt]3C_GLOBAL_Beam-for-Community.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/4b9a5743-05f8-48ef-8eac-d7833222bd09/%5Bdeskt%5D3C_GLOBAL_Beam-for-Community.jpg)
![[deskt]10_GLOBAL_Insurance.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/4a61820c-3b2a-4186-bac1-01d7103ee2f9/%5Bdeskt%5D10_GLOBAL_Insurance.jpg)
![[deskt]8B_GLOBAL_Blog-Article.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/c2ac8713-48f8-4175-b554-43453c4b28ab/%5Bdeskt%5D8B_GLOBAL_Blog-Article.jpg)
![[deskt]12_GLOBAL_ContactUs.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/17164bbf-391d-4199-b021-853bb2eee458/%5Bdeskt%5D12_GLOBAL_ContactUs.jpg)
![[deskt]11_GLOBAL_Sustainability.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/9d0e76cc-d834-4c1e-b27e-9947f1b37b59/%5Bdeskt%5D11_GLOBAL_Sustainability.jpg)
![[deskt]9A_GLOBAL_Careers-Main.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/2da2d7c5-faa0-4442-91d7-25d571aaf3fd/%5Bdeskt%5D9A_GLOBAL_Careers-Main.jpg)
![[deskt]9B_GLOBAL_Careers-JobList.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/7d32880d-39f2-452f-9c33-c5a097c591fa/%5Bdeskt%5D9B_GLOBAL_Careers-JobList.jpg)
![[deskt]15_GLOBAL_Download.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/82d72c93-b789-447d-a935-33b9f3328dff/%5Bdeskt%5D15_GLOBAL_Download.jpg)
![[deskt]14_GLOBAL_Error.jpg](https://images.squarespace-cdn.com/content/v1/609a077e078a8348aa0e7a9d/bb82701f-06aa-483e-8392-fefe0454fe04/%5Bdeskt%5D14_GLOBAL_Error.jpg)
The Result