Comerçapp

Goals

• Promote local businesses in Barcelona.
• Provide an easy-to-use platform for consumers to find and purchase local products.
• Enable local business owners to manage their online presence and reach a wider audience.
• Foster community engagement and support for small businesses.

Target Audience

Citizens: Residents of Barcelona interested in purchasing local products. These users typically have limited time to visit physical stores and prefer using digital platforms to meet their shopping needs.

• Persona: Anna Martínez
• Age: 34
• Occupation: Marketing Specialist
• strong>Scenario: Anna is a busy professional who prefers shopping online. She values local products and wants a convenient way to discover and purchase them.

Entrepreneurs: Local business owners who have traditionally operated in a non-digital environment. These users seek to explore digital ecosystems to enhance their competitiveness and expand their market reach.

• Persona: Carlos Rivas
• Age: 45
• Occupation: Owner of a local bakery
• Scenario: Carlos has been running his bakery for 20 years and wants to transition to an online presence to attract more customers and compete with larger chains.

UI Design

Wireframes

• Home Screen (Citizen Profile): Displays a list of featured businesses, categories, and a search option.
• Business Profile (Citizen Profile): Provides detailed information about the business and its products.

• Cart (Citizen Profile): Allows users to view selected products from various businesses and proceed to purchase.
• Dashboard (Entrepreneur Profile): Offers an overview of the business profile, including a mailbox for communication with app administrators and customizable metrics graphs.

• New Business Form (Entrepreneur Profile): Enables entrepreneurs to register their businesses on the app.
• New Product Form (Entrepreneur Profile): Allows entrepreneurs to add products linked to their business.

Branding

Naming

Comerçapp combines "comercial" and "app" in Catalan, reflecting its purpose of promoting local commerce through a digital platform. The name is simple, memorable, and aligns with the official language used by the Barcelona City Council.

Color Palette:

The app utilizes the corporate colors of the Barcelona City Council to maintain brand consistency:

• Primary Colors: Red and white, symbolizing trust and clarity.
• Accent Colors: Blue and green, used for call-to-action buttons and highlights.

Typography:

Primary Font: Epilogue, chosen for its modern and clean appearance, ensuring readability and alignment with the app's aesthetic.

Secondary Font: Roboto, used for body text to maintain high legibility and complement the primary font.

Iconography

Icons are simple and intuitive, designed to convey information quickly without overwhelming the user. The use of icons across the app is consistent to aid navigation and usability.

Mockups

Home Screen

• Features business listings, categories, and search options.
• Highlights local promotions and new arrivals.

Business Profile Screen

• Contains business details, product listings, and customer reviews.
• Provides contact information and a map for physical store locations.

Cart Screen

• Summarizes selected products from different businesses.
• Facilitates the checkout process with payment and delivery options.

Dashboard Screen

• Displays business performance metrics and customer interactions.
• Includes a messaging system for communication with app administrators.

New Business Form Screen

• Guides entrepreneurs through the process of registering their business.
• Collects essential business information and verifies credentials.

New Product Form Screen

• Enables the addition of new products with descriptions, prices, and images.
• Allows categorization and inventory management.

Design Principles

Simplicity: Clean and straightforward interface to ensure ease of use for both citizens and entrepreneurs.

Consistency: Uniform design elements throughout the app to create a seamless user experience.

Accessibility: Consideration for users with varying abilities, ensuring the app is usable for all.

Conclusion

The Comerçapp project highlights the importance of user-centered design in creating a digital platform that meets the needs of both consumers and local business owners. By focusing on the specific requirements of each user persona, the app aims to foster a supportive community for local commerce in Barcelona. Further steps include conducting detailed user research and usability testing to refine the app and ensure it delivers a seamless and effective user experience.