Where are the documents?
Our main design file can be found here on Figma.
Why did we choose this design?
General user interface design
Lorem
Design system
Lorem
Some general guidelines/standards for DataLab
Collaboration with devs
Lorem
File structure
As the date of writing (29/08/23), the Datalab Figma file is currently composed of 9 main pages.
📔 Cover
Figma project files should always include a cover and a thumbnail due to several reasons. These visual elements aid in swift project identification, fostering efficient organization, and presenting a professional image when sharing files. Consistent covers and thumbnails reflect branding and design cohesion, while also providing a quick preview of project content. By effectively utilizing these visuals, designers enhance communication, offer inspiration, and make their work more engaging and accessible to collaborators and stakeholders.
🧩 Components & Styles
The Components & Styles page houses a collection of reusable design components and stylistic elements. This includes buttons, forms, icons, typography styles, color palettes, and various UI elements essential for ensuring visual consistency throughout the design system. By centralizing these components and styles, it streamlines the design process, promotes cohesive aesthetics, and facilitates efficient collaboration among team members working on different aspects of the project.
🎨 Design
This Design page serves as the creative hub where user interfaces come to life. Here, the design process unfolds, and user-centric visuals take shape. This page is dedicated to crafting intuitive layouts, arranging elements, and refining visual details that define the user experience. From wireframes to high-fidelity mockups, the Design page encapsulates the evolution of ideas into tangible designs.
🖱️ Prototype
The Prototype Page is designed for creating interactive prototypes and user flows within your Figma project. This page serves as a platform to construct dynamic representations of your designs, allowing you to visualize and communicate user interactions effectively. By linking screens and incorporating interactive elements, you can simulate the user experience, demonstrating how users will navigate and engage with your design. This page is instrumental in crafting compelling presentations for stakeholders and users, offering a hands-on preview of the envisioned product's functionality and usability.
🎫 JIRA tickets preparation
This page is used to arrange and plan tasks for future Jira tickets. It helps you break down project steps, organize work, and clarify what needs to be done.
📢 Communication & logos
The Communication & Logos page is where you create logos and visuals for Datalab communication. It's the hub for designing graphics that represent the project's identity and message. This page ensures consistent and impactful visuals for effective communication with Datalab users.
🛣️ Value Proposition & Roadmap
The Value Proposition & Roadmap page is where we shape Datalab's unique value and outline our design plans.
🧑🏼🤝🧑🏼 Persona/Journey/feedback
The Persona/Journey/Feedback page is where we first created our user personas, plotted their journeys, and collected valuable insights from user interviews. This space ensures we deeply understand our users and use their perspectives to shape our design decisions effectively.
🗄️ Archives
The Archives page serves as a repository for outdated and no-longer-relevant content, acting as a cutoff point for such materials. Here, you can house old pages that have been retired from active use. Among these is the Drafts section, which holds older designs that have become obsolete but are still valuable for reference purposes. The archives page aids in maintaining a clutter-free and organized workspace while preserving historical design iterations and insights.