Demographic Intelligence Hub

Demographic Intelligence Hub

Demographic Intelligence Hub

Demographic Intelligence Hub

Demographic Intelligence Hub

A proof of concept of an intranet app for youth culture content management

A proof of concept of an intranet app for youth culture content management

A proof of concept of an intranet app for youth culture content management

A proof of concept of an intranet app for youth culture content management

A proof of concept of an intranet app for youth culture content management

Role

User Interface Designer

Year

2023

project type

Concept

Deliverable

SaaS

Role

User Interface Designer

Year

2023

project type

Concept

Deliverable

SaaS

Role

User Interface Designer

Year

2023

project type

Concept

Deliverable

SaaS

Role

User Interface Designer

Year

2023

project type

Concept

Deliverable

SaaS

Role

User Interface Designer

Year

2023

project type

Concept

Deliverable

SaaS

Overview

Our agency, KBPM, collaborated with Provoke, a marketing agency, on a proof-of-concept project for Snipes. This case study outlines the development of a proof-of-concept app designed to serve as an intranet environment for storing and managing multimedia data. The app aimed to be intuitive and engaging for a non-technical marketing team, providing a centralized platform for accessing, filtering, and contributing to a wealth of multimedia content related to youth culture across Europe

Challenge

The primary challenge was to create an app that was both user-friendly and visually appealing, while adhering to the branding guidelines of the client, Snipes. The app also needed to be mobile-first and incorporate a login feature, allowing authorized users to input content and access filtered information based on geographical location and community interests.

Approach

The approach involved designing a user-centered app that prioritized intuitive navigation and aesthetically pleasing visuals. The app's central focus was a map-based interface, enabling users to explore multimedia content related to youth culture across Europe. A robust filtering system allowed users to refine their search based on location, community, and other criteria.

Role

As the UI designer, my primary responsibilities included:

  • Creating user flows for the app

  • Designing the app's look and feel, aligning it with Snipes' branding

  • Prototyping the designs to provide a tangible experience for the client

Overview

Our agency, KBPM, collaborated with Provoke, a marketing agency, on a proof-of-concept project for Snipes. This case study outlines the development of a proof-of-concept app designed to serve as an intranet environment for storing and managing multimedia data. The app aimed to be intuitive and engaging for a non-technical marketing team, providing a centralized platform for accessing, filtering, and contributing to a wealth of multimedia content related to youth culture across Europe

Challenge

The primary challenge was to create an app that was both user-friendly and visually appealing, while adhering to the branding guidelines of the client, Snipes. The app also needed to be mobile-first and incorporate a login feature, allowing authorized users to input content and access filtered information based on geographical location and community interests.

Approach

The approach involved designing a user-centered app that prioritized intuitive navigation and aesthetically pleasing visuals. The app's central focus was a map-based interface, enabling users to explore multimedia content related to youth culture across Europe. A robust filtering system allowed users to refine their search based on location, community, and other criteria.

Role

As the UI designer, my primary responsibilities included:

  • Creating user flows for the app

  • Designing the app's look and feel, aligning it with Snipes' branding

  • Prototyping the designs to provide a tangible experience for the client

Overview

Our agency, KBPM, collaborated with Provoke, a marketing agency, on a proof-of-concept project for Snipes. This case study outlines the development of a proof-of-concept app designed to serve as an intranet environment for storing and managing multimedia data. The app aimed to be intuitive and engaging for a non-technical marketing team, providing a centralized platform for accessing, filtering, and contributing to a wealth of multimedia content related to youth culture across Europe

Challenge

The primary challenge was to create an app that was both user-friendly and visually appealing, while adhering to the branding guidelines of the client, Snipes. The app also needed to be mobile-first and incorporate a login feature, allowing authorized users to input content and access filtered information based on geographical location and community interests.

Approach

The approach involved designing a user-centered app that prioritized intuitive navigation and aesthetically pleasing visuals. The app's central focus was a map-based interface, enabling users to explore multimedia content related to youth culture across Europe. A robust filtering system allowed users to refine their search based on location, community, and other criteria.

Role

As the UI designer, my primary responsibilities included:

  • Creating user flows for the app

  • Designing the app's look and feel, aligning it with Snipes' branding

  • Prototyping the designs to provide a tangible experience for the client

Design process

The design process involved a collaborative effort between myself and the client, involving multiple rounds of feedback and iteration. Key steps included:

  1. User Research: Conducting informal persona research to understand the target audience's needs, preferences, and usage patterns.

  2. Wireframing: Creating low-fidelity wireframes to establish the app's structure, navigation flow, and key page layouts.

  3. Visual Design: Developing high-fidelity mockups and prototypes that incorporated Snipes' branding guidelines, ensuring consistency and visual appeal.

  4. Iteration and Feedback: Continuously refining the designs based on feedback from the client and other stakeholders, incorporating their suggestions, and addressing any usability concerns.

Design tool

  • Figma

  • Adobe Illustrator

Key design decision

  1. Mobile-First Approach: Prioritized mobile usability for on-the-go access.

  2. Map-Centric Navigation: Implemented a central map function for intuitive exploration.

  3. Snipes Branding: Ensured the design reflected Snipes' brand identity.

  4. Filtering Options: Incorporated robust filtering options, especially for geographical location and community.

Design process

The design process involved a collaborative effort between myself and the client, involving multiple rounds of feedback and iteration. Key steps included:

  1. User Research: Conducting informal persona research to understand the target audience's needs, preferences, and usage patterns.

  2. Wireframing: Creating low-fidelity wireframes to establish the app's structure, navigation flow, and key page layouts.

  3. Visual Design: Developing high-fidelity mockups and prototypes that incorporated Snipes' branding guidelines, ensuring consistency and visual appeal.

  4. Iteration and Feedback: Continuously refining the designs based on feedback from the client and other stakeholders, incorporating their suggestions, and addressing any usability concerns.

Design tool

  • Figma

  • Adobe Illustrator

Key design decision

  1. Mobile-First Approach: Prioritized mobile usability for on-the-go access.

  2. Map-Centric Navigation: Implemented a central map function for intuitive exploration.

  3. Snipes Branding: Ensured the design reflected Snipes' brand identity.

  4. Filtering Options: Incorporated robust filtering options, especially for geographical location and community.

Design process

The design process involved a collaborative effort between myself and the client, involving multiple rounds of feedback and iteration. Key steps included:

  1. User Research: Conducting informal persona research to understand the target audience's needs, preferences, and usage patterns.

  2. Wireframing: Creating low-fidelity wireframes to establish the app's structure, navigation flow, and key page layouts.

  3. Visual Design: Developing high-fidelity mockups and prototypes that incorporated Snipes' branding guidelines, ensuring consistency and visual appeal.

  4. Iteration and Feedback: Continuously refining the designs based on feedback from the client and other stakeholders, incorporating their suggestions, and addressing any usability concerns.

Design tool

  • Figma

  • Adobe Illustrator

Key design decision

  1. Mobile-First Approach: Prioritized mobile usability for on-the-go access.

  2. Map-Centric Navigation: Implemented a central map function for intuitive exploration.

  3. Snipes Branding: Ensured the design reflected Snipes' brand identity.

  4. Filtering Options: Incorporated robust filtering options, especially for geographical location and community.

Result

The final proof-of-concept app was well-received by the client, Provoke, who praised its innovative design and user-friendly interface. However, despite the positive feedback, the project was not pursued further due to budget constraints.

Key learning

  1. Time Management: Importance of efficient time utilization in design projects.

  2. Client Communication: Effective communication and understanding of client budget constraints.

  3. UI and UX Integration: Gained valuable experience in combining UI and UX elements seamlessly.

Conclusion

The Snipes intranet app project was a rewarding experience, allowing me to apply my UI design skills to a real-world client brief. While the project wasn't ultimately developed, it provided valuable learnings and helped me refine my design process. I am confident that these experiences will serve me well in future projects.

Result

The final proof-of-concept app was well-received by the client, Provoke, who praised its innovative design and user-friendly interface. However, despite the positive feedback, the project was not pursued further due to budget constraints.

Key learning

  1. Time Management: Importance of efficient time utilization in design projects.

  2. Client Communication: Effective communication and understanding of client budget constraints.

  3. UI and UX Integration: Gained valuable experience in combining UI and UX elements seamlessly.

Conclusion

The Snipes intranet app project was a rewarding experience, allowing me to apply my UI design skills to a real-world client brief. While the project wasn't ultimately developed, it provided valuable learnings and helped me refine my design process. I am confident that these experiences will serve me well in future projects.

Result

The final proof-of-concept app was well-received by the client, Provoke, who praised its innovative design and user-friendly interface. However, despite the positive feedback, the project was not pursued further due to budget constraints.

Key learning

  1. Time Management: Importance of efficient time utilization in design projects.

  2. Client Communication: Effective communication and understanding of client budget constraints.

  3. UI and UX Integration: Gained valuable experience in combining UI and UX elements seamlessly.

Conclusion

The Snipes intranet app project was a rewarding experience, allowing me to apply my UI design skills to a real-world client brief. While the project wasn't ultimately developed, it provided valuable learnings and helped me refine my design process. I am confident that these experiences will serve me well in future projects.

Credits

Assignment achieved via Kbell+Postman in collaboration with Provoke

Credits

Assignment achieved via Kbell+Postman in collaboration with Provoke

Credits

Assignment achieved via Kbell+Postman in collaboration with Provoke

  • LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

Copyright © Elia Mangngi

Amsterdam, NL

  • LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

Copyright © Elia Mangngi

Amsterdam, NL

  • LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

    LET'S TALK SO SAY HELLO

Copyright © Elia Mangngi

Amsterdam, NL