Theme

Category: ROCKEN Documentation

  • Epic 3.7. RJ. Terms and conditions

    Content

    General info

    This Epic focuses on the organization and display of the "Datenschutzerklärung & AGB" (Privacy Policy & Terms and Conditions) page for Rocken Jobs. The goal is to enhance user navigation and comprehension by providing clear section titles, an intuitive breadcrumb structure, and a sidebar navigation menu that allows users to easily locate and understand various legal and informational sections.

    The following components will be implemented:

    • Breadcrumbs: To help users understand their current location within the website hierarchy and easily navigate back to previous sections.

    • Title: Display a clear and prominent title at the top of the page, specifying the "Datenschutzerklärung & AGB" to help users immediately identify the page’s purpose.

    • Content Sections: Structuring the document to present various legal sections, such as data protection information, responsibility clauses, and user rights, in a readable format.

    • Sidebar Navigation: Provide a sidebar with links to different sections of the page, allowing users to quickly jump to relevant sections without scrolling through the entire document.

     

    Epic ticket:


    RT-5534

    User stories

    Visual design

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54459-21970&t=1TTklKs8AAsmr4KG-4

     

  • Story 3.7.1. RJ. T&C. Breadcrumbs

    Content

    General info

    Develop a breadcrumb navigation system for the "Datenschutzerklärung & AGB" page. The breadcrumbs should display the user’s current page location within the website’s hierarchy and allow for easy navigation back to the main sections.

    User story

    As a RJ user
    I want to see a breadcrumb trail at the top of the "Datenschutzerklärung & AGB" page
    So that I can easily navigate back to higher-level sections if needed.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=54459-21970&t=oksihauKMaV5Yuqc-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display breadcrumb trail.
    Given I am on the "Datenschutzerklärung & AGB" page,
    When the page loads,
    Then I should see a breadcrumb trail at the top of the page showing the navigation path.

     

     

    02

    Scenario: Breadcrumb links are clickable.
    Given I am viewing the breadcrumb trail,
    When I click on a breadcrumb link,
    Then I should be taken to the corresponding page in the website’s hierarchy.

     

     

  • Epic 3.6. RJ. About us

    Content

    General info

    The "About Us" epic focuses on enhancing the "About Us" page on the Rocken Jobs website. This page provides visitors and potential candidates with essential information about the company’s values, mission, services, and team. It aims to establish Rocken’s brand identity and credibility, making it easier for users to connect with the organization, explore job opportunities, and engage with the company’s services. The epic includes key sections such as the header, main content, team introductions, and links to related services. This epic ensures a cohesive and engaging experience for users who want to learn more about Rocken and its purpose.

    Epic ticket:


    RT-5072

    User stories

    Visual design

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54284-71714&t=1TTklKs8AAsmr4KG-4

     

  • Story 3.6.1. RJ. About us. Header

    Content

    General info

    The "About Us" page header includes the company logo, main navigation menu, language switcher, and a call-to-action button for uploading a resume. The header provides users with quick navigation to key sections such as Products, Salaries, About Us, For Employers, and a direct link for employers to start hiring. The header design aligns with the website’s visual identity and enhances the user experience by offering a clear structure and intuitive navigation options.

    User story

    As a website visitor
    I want to view a consistent header layout on the "About Us" page with clear navigation and action buttons
    So that I can easily navigate to different sections and perform key actions such as uploading my resume or switching the language.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54477-24175&t=oU8DZGxl3KlCWYRG-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display Header on "About Us" Page
    Given the user navigates to the "About Us" page
    When the page loads
    Then the header should be displayed with the logo, main navigation menu (Products, Salaries, About Us, For Employers), language switcher, and "Upload resume" button, as shown in the mockup.

     

     

    02

    Scenario: Navigation Menu Links
    Given the user is viewing the "About Us" page
    When the user clicks on any link in the main navigation menu (e.g., Products, Salaries, For Employers)
    Then the user should be redirected to the respective page.

     

     

    03

    Scenario: Language Switcher
    Given the user wants to change the website language
    When the user clicks on the language switcher
    Then a dropdown should appear with available languages, and the user should be able to select a different language, updating the text accordingly.

     

     

    04

    Scenario: Upload Resume Button
    Given the user is on the "About Us" page
    When the user clicks the "Upload resume" button
    Then the user should be directed to the application page.

     

  • Epic 3.5. RJ. Help center

    Content

    General info

    The Help Center is designed to provide users with support and information on navigating and utilizing the Rocken® platform. It should include an intuitive structure, comprehensive articles, and quick access to solutions for common issues. The Help Center will consist of various elements such as a header, search functionality, category navigation, a list of topics, detailed articles, and additional resources.

    The overall goal of this epic is to ensure that users can quickly find answers to their questions and resolve issues on their own. This epic includes designing and implementing the header, category navigation, and search functionality, as well as optimizing the content structure for easy access to articles and resources.

     

    Epic ticket:


    RT-5059

    User stories

    Visual design

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54236-36303&t=1TTklKs8AAsmr4KG-4

     

  • Story 3.5.1. RJ. Help center. Header

    Content

    General info

    The Help Center should have a structured header that is consistent across all its pages. The header will include the Rocken® logo, a navigation menu, a language switcher, and an “Upload Resume” button. This header layout will ensure that users have easy access to the primary features and navigation options regardless of where they are within the Help Center.

    User story

    As a user visiting the Help Center,

    I want to see a structured header with a logo, menu, language switcher, and “Upload Resume” button,

    So that I can easily navigate the Help Center, switch languages, and access the upload resume functionality from any page.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54236-36303&t=Tb42tMQaRDggm2rb-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Displaying the Help Center header

    Given the user navigates to the Help Center

    When the page loads

    Then the header should display the Rocken® logo, navigation menu, language switcher, and “Upload Resume” button.

     

     

  • Story 3.5.3. RJ. Help center. Category Navigation

    Content

    General info

    The Category Navigation section allows users to quickly access different categories of help topics available in the Help Center. Each category is represented by an icon, a title, and the number of answers available in that section. Users can navigate by clicking on a specific category to see all the relevant articles.

    The goal of the Category Navigation section is to provide a clear overview of available help topics and improve the discoverability of the Help Center content, enabling users to find answers to their questions more efficiently.

    User story

    As a Help Center visitor
    I want to see distinct categories with icons, titles, and the number of answers
    So that I can easily choose the category that is relevant to my query and find answers faster.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54236-36303&t=oU8DZGxl3KlCWYRG-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display Category Navigation Section
    Given the user navigates to the Help Center main page
    When the page loads
    Then the Category Navigation section should be visible and contain at least 8 categories, each represented by an icon, title, and the number of answers.

    image-20241006-155852.png

    02

    Scenario: Click on a Category
    Given the user clicks on a category in the Category Navigation section
    When the category is clicked
    Then the system should navigate to a page listing all articles related to the selected category.

    image-20241006-160802.png

    03

    Scenario: Display Number of Answers
    Given the user is viewing the Category Navigation section
    When the categories are displayed
    Then each category should show the number of answers available below the title.

    04

    Scenario: Layout of Category Navigation
    Given the user is viewing the Help Center main page
    When the Category Navigation section is displayed
    Then it should be arranged in a grid layout with visually distinct icons for each category, as shown in the provided mockup.

     

  • Story: 3.5.4. RJ. Help Center. Most Common Questions Accordion

    Content

    General info

    The Most Common Questions Accordion displays a list of frequently asked questions (FAQs) to assist users in finding quick answers to common queries. Each question is displayed in a collapsible format, where clicking on a question expands it to show the detailed answer. The accordion component enhances the user experience by organizing information in a compact and user-friendly way, making it easy for users to find the information they need without navigating away from the Help Center.

    User story

    As a Help Center visitor
    I want to see a list of the most common questions with answers in an expandable accordion format
    So that I can quickly find answers to common issues without having to scroll through multiple pages.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54236-36303&t=oU8DZGxl3KlCWYRG-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display Most Common Questions
    Given the user navigates to the Help Center main page
    When the page loads
    Then the Most Common Questions accordion should be displayed below the Category Navigation section, with a list of at least 10 questions, as shown in the provided mockup.

     

    image-20241006-161244.png

     

    02

    Scenario: Expand a Question
    Given the user is viewing the Most Common Questions accordion
    When the user clicks on a question
    Then the selected question should expand to show the detailed answer, and any previously opened question should automatically collapse.

     

     

    03

    Scenario: Collapse a Question
    Given the user is viewing an expanded question in the accordion
    When the user clicks on the same question again
    Then the answer should collapse, hiding the details.

     

     

    04

    Scenario: Answer Format
    Given the user expands a question in the accordion
    When the answer is displayed
    Then the answer text should be formatted in a clear, readable manner, using bullet points or numbered lists if applicable, as shown in the mockup.

     

  • Story 3.4.4. RJ. Filters

    Content

    General info

    On the Rocken Jobs Publications page, users can refine their search by applying various filters. Below the vacancy title, commonly used filters such as Position, Category, Experience, and Salary are shown. Additionally, users can access a detailed set of filters by clicking on All filters, which opens a drawer from the right side of the page. This filter drawer includes options to select workload (adjusted using a slider from 0% to 100%), employment type (e.g., permanent, temporary, part-time), work model, team size, etc. Each category within the drawer shows the count of vacancies available for that filter option. The number of currently selected filters is displayed in bubbles or chips. Users can also clear all applied filters directly on the page or from within the filter drawer. There is an option to hide these filters, which are displayed by default.

    User story

    As a user
    I want to apply multiple filters to refine my search results
    So that I can quickly find vacancies that match my criteria.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54220-32237&t=VMHdcvdEt0L5qg2y-4

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54220-33460&t=VMHdcvdEt0L5qg2y-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display of primary filters
    Given: Publications page is open
    When: The vacancy list is visible
    Then: The primary filters (Position, Category, Experience, Salary) are shown below the vacancy title.

    image-20240927-060651.png

     

    02

    Scenario: Opening the filter drawer
    Given: Publications page is open
    When: The user clicks on the All filters button
    Then: The filter drawer slides in from the right side, displaying additional filter options like workload, employment type, work model, and team size.

    image-20240927-060725.png

     

    03

    Scenario: Filter selection with checkbox
    Given: Filter drawer is open
    When: The user selects multiple checkboxes (e.g., Permanent, Temporary) in the Employment type filter
    Then: The number of matching results (e.g., Show 348 results) is displayed at the bottom of the drawer.

    image-20240927-060754.png

     

    04

    Scenario: Applying filters
    Given: Multiple checkboxes are selected in the filter drawer
    When: The user clicks on the Show results button
    Then: The filtered vacancies are displayed on the page without reloading.

     

    05

    Scenario: Displaying selected filters
    Given: Filters are applied
    When: The filtered vacancies are shown
    Then: The number of selected filters is displayed in bubbles on the page (e.g., Category: 2, Experience: 1).

    06

    Scenario: Clearing applied filters
    Given: Filters are applied
    When: The user clicks on Clear filters from the filter drawer or on the page
    Then: All selected filters are removed, and the default vacancy list is shown.

    image-20240927-061105.png

    image-20240927-061123.png

    07

    Scenario: Hiding and showing filters
    Given: Publications page is open
    When: The user clicks on Hide filters link
    Then: The primary filters are collapsed and hidden, with an option to Show filters again.

    08

    Scenario: Filter count display
    Given: Filters are applied from the drawer
    When: User returns to the page
    Then: The count of applied filters is displayed in bubbles on the page and in the All filters button.

    image-20240927-061052.png

    09

    Scenario: No results
    Given: Filters are applied from the drawer
    When: where is no matching data
    Then: show state with no results

  • Story 3.4.9. RJ. Sliders “similar jobs” and “similar categories”

    Content

    General info

    This story describes the implementation of two sliders on the publication view page: "Similar Jobs" and "Similar Categories." The "Similar Jobs" slider displays jobs related to the active vacancy based on the current category, showing the title, city, and salary (or workload). The "Similar Categories" slider shows child categories from the parent category of the active vacancy, allowing users to navigate to other related categories. Both sliders include left and right navigation arrows for scrolling, and the items displayed should match the relevance criteria without requiring a page reload.

    User story

    As a user
    I want to see similar jobs and categories displayed in sliders on the publication view
    So that I can explore other relevant opportunities without needing to search manually

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54730-24495&t=VMHdcvdEt0L5qg2y-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Similar Jobs slider
    Given Publication view page
    When User views the similar jobs slider
    Then See a list of similar jobs with title, city, salary, or workload information. Each item has an ‘Apply’ button

    image-20240927-153730.png

    02

    Scenario: Similar Categories slider
    Given Publication view page
    When User views the similar categories slider
    Then See a list of related categories with the ability to open each category in a new publication listing

     

    image-20240927-154024.png

     

    03

    Scenario: Navigate through Similar Jobs slider
    Given User clicks the right or left arrow on the Similar Jobs slider
    When User clicks the arrow
    Then The slider scrolls in the clicked direction to show additional job items

     

     

    04

    Scenario: Navigate through Similar Categories slider
    Given User clicks the right or left arrow on the Similar Categories slider
    When User clicks the arrow
    Then The slider scrolls in the clicked direction to show additional categories

     

    05

    Scenario: Similar Jobs logic
    Given A specific vacancy is active
    When The Similar Jobs slider is displayed
    Then The suggested jobs are based on the category of the selected active vacancy

     

    06

    Scenario: Similar Categories logic
    Given A specific vacancy is active
    When The Similar Categories slider is displayed
    Then The displayed categories are child categories from the parent category of the active vacancy