Movibell – Web Design
![movibell-mobile-top-banner](https://www.ornellacosoleto.com/wp-content/uploads/2021/07/movibell-mobile-top-banner.jpg)
The client
Movibell is a proximity marketing platform that allows retailers to reach their customers near the shop. The platform includes customer engagement features like booking, chat, delivery, eCommerce for supporting retail digital transformation.
Project requirements
- Website redesign
What is Movibell platform?
Mobile App B2C
- A personal radar to go around the city, among bars, shops, restaurants;
- Helpful information to discover new points of interest;
- Constant updates and exclusive promotions from the channels (restaurants, shops, etc) followed by users.
Web Dashboard B2B
- Customer engagement platform that allows brands and retailers to connect with people near brick and mortar;
- With a mobile marketing plan, it's possible to extend user experience remotely (drive-to-store strategy).
Research
Stakeholder Interview
The stakeholder interview is aimed to understand and frame a problem area, collect requirements and understand the brand vision, overall goals and challenges. It is an absolute must-do step in the research process to make better decisions and achieve stakeholder objectives.
![stakeholder-interview-mb](https://www.ornellacosoleto.com/wp-content/uploads/2021/09/stakeholder-interview-mb.png)
Business needs
The existing site was primarily aimed at B2C customers with a dedicated B2B section. The site needs to target that sector to be aligned with the new business goals of acquiring B2B customers. It is essential to explain to new potential customers the functionality of the platform and the business opportunities it offers.
Indeed, the site must be an informative channel and a means of acquiring contacts. The website must provide users with a point of contact to ask for more information and the option to purchase and configure the subscription plan.
![mb-old-identity](https://www.ornellacosoleto.com/wp-content/uploads/2021/09/mb-old-identity-2.png)
Design Strategy
The website explains the platform's functionalities, allowing the customers of the B2B segment to purchase the platform subscription themselves.
Informational
Users want to know how the platform works.
Brand Awareness
Build a strategy to inform potential customers about Edilnet partnership and services.
Conversions
The goal is to gain more B2B customers to fuel Movibell's marketplace.
Competitive Analysis
Competitive Analysis is an assessment of the strengths and weaknesses of current and potential competitors. Research looking for similar products & compared them.
The main competitors are web or mobile platforms that partially cover the services offered by Movibell. The product's strength is precisely this: to have in a single platform all the services useful for the management of a business and the functionality to plan marketing strategies with different purposes.
Define
It is necessary to define brand goals and keep them in mind to align with business objectives.
Movibell brand goals
Movibell brand values
Target Market
B2B
Business owners or professionals that offer digital services.
Movibell is suitable for individual stores, bars, restaurants and professional and commercial activities in general, but also large chains operating in national or worldwide contexts through hundreds or thousands of stores.
Design
Content strategy
Content-driven design
I proposed a one-page website possibly scalable with additional in-depth internal pages. The first information that users will see is the most important.
![writing-pyramid-mb-2](https://www.ornellacosoleto.com/wp-content/uploads/2020/08/writing-pyramid-mb-2.png)
Information Architecture
Single page website
![information-architecture-mb@2x](https://www.ornellacosoleto.com/wp-content/uploads/2020/08/information-architecture-mb@2x.png)
To provide a comprehensive overview of the platform, have been identified key topics. This step helped to define the website sections.
Wireframe
Homepage
Moodboard
![Moodboard-movibelll](https://www.ornellacosoleto.com/wp-content/uploads/2021/09/Moodboard-movibelll.png)
Design System
Colors
![colors-mb](https://www.ornellacosoleto.com/wp-content/uploads/2021/09/colors-mb.png)
Typeface
![movibell-typography-font@2x](https://www.ornellacosoleto.com/wp-content/uploads/2020/08/movibell-typography-font@2x.png)
Buttons and Inputs
![buttons-inputs-mb](https://www.ornellacosoleto.com/wp-content/uploads/2021/09/buttons-inputs-mb.png)
Icons
Font Awesome
![icons-mb](https://www.ornellacosoleto.com/wp-content/uploads/2020/08/icons-mb.png)
![mb-deskt-mockup](https://www.ornellacosoleto.com/wp-content/uploads/freshizer/df5a1999854b58c46efdb1fa8cdc1a9d_mb-deskt-mockup-1-1200-675-c-100.jpg)
![mb-deskt-mockup-2_03](https://www.ornellacosoleto.com/wp-content/uploads/freshizer/4ee7db0598ac11f6b385ae983d35df86_mb-deskt-mockup-2_03-1845-1038-c-100.jpg)