Category: ROCKEN Documentation

  • Epic 3.11. RJ. Sitemap / Locations

    Content

    General info

    Sitemap page for Rocken Jobs, providing users with a clear, categorized list of all job-related categories, positions, locations, and other sections available on the platform. The sitemap allows users to quickly navigate to specific categories, employment types, workload options, and Rocken employer-related information.

     

    Epic ticket:


    RT-5571

    User stories

    Visual design

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

     

  • Story 3.10.5. RJ. Gallery in content

    Content

    General info

    User story

    As a user, I want to view a gallery of images related to the company so that I can get a visual sense of its culture and environment.

    Visual design:

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display gallery
    Given: A user is on the Company Page
    When: The page loads
    Then: A gallery section should display a selection of images representing the company.

     

    image-20241113-115251.png

     

    02

    Scenario: Image carousel
    Given: The user views the gallery
    When: They click the “Next” button
    Then: The gallery should cycle to the next image in the carousel.

     

     

    03

    Scenario: Full-screen view
    Given: The user is viewing an image in the gallery
    When: They click on an image or See all section
    Then: The image should open in a full-screen modal with navigation options.

     

     

    04

    Scenario: Mobile optimization
    Given: The user views the gallery on a mobile device
    When: They scroll or swipe
    Then: The gallery should allow swiping gestures for navigation between images.

     

    05

    Scenario: Image captions
    Given: An image in the gallery has a caption
    When: The image is displayed
    Then: The caption should appear below the image in a readable format.

     

    06

    Scenario: Consistent image quality
    Given: A user is browsing through images
    When: The images load
    Then: Each image should have a high resolution and maintain quality across all screen sizes.

     

  • Story 3.10.4. RJ. Content section

    Content

    General info

    User story

    As a user, I want to view comprehensive content about the company in a structured and easy-to-read layout so that I can learn more about the company’s background, values, and culture.

    Visual design:

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display content
    Given: A user is on the Company Page
    When: The page loads
    Then: The content section should display company information in structured sub-sections like “Overview,” “Values,” “Culture,” and “Benefits.”

     

    image-20241113-114949.png

     

    02

    Scenario: Content visibility
    Given: The user scrolls down the Company Page
    When: They reach the content section
    Then: The content should load and display without delays or excessive scrolling.

     

     

    03

    OOS Scenario: Collapsible sections
    Given: The user views the content section
    When: The content is extensive
    Then: Sub-sections like “Values” or “History” should have collapsible toggles for easier navigation.

     

     

    04

    Scenario: Responsive design
    Given: The user views the page on a mobile device
    When: They reach the content section
    Then: The content should adapt to fit the mobile screen without horizontal scrolling.

     

    05

    Scenario: Interactive links
    Given: The content section has links to external or related pages
    When: The user clicks a link
    Then: The link should open in a new tab.

     

    06

    Scenario: Text readability
    Given: The user views the content section
    When: They read through the text
    Then: The font size, line spacing, and text color should ensure readability across all devices.

     

  • Story 3.10.3. RJ. Section sign in Rocken Talent

    Content

    General info

    User story

    As a user, I want to see a section promoting Rocken Talent so that I am encouraged to create a profile for a better experience.

    Visual design:

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display sign-in promotion
    Given: A user is on the Company Page
    When: The page loads
    Then: A section promoting sign-in to Rocken Talent should be visible.

     

    image-20241113-095707.png

     

    02

    Scenario: Sign-in button functionality
    Given: The user clicks on the sign-in button
    When: They are not signed in
    Then: They should be directed to the Rocken Talent sign-in page.

     

     

    03

    Scenario: Mobile view adaptation
    Given: A user is on a mobile device
    When: They view the sign-in section
    Then: The section should be responsive, adjusting for mobile display.

     

     

    04

    Scenario: Visibility on scroll
    Given: A user scrolls through the Company Page
    When: They reach the sign-in section
    Then: The section should remain distinct and visible.

     

    05

    Scenario: Display for signed-in users
    Given: A user is already signed in
    When: They view the Company Page
    Then: The sign-in promotion section should be hidden or replaced with a welcome message.

     

    06

    Scenario: Consistent styling
    Given: A user sees the sign-in section
    When: They view it on various pages
    Then: The styling should be consistent across all pages with sign-in promotions.

     

  • Epic 3.10. RJ. Company page

    Content

    General info

    The Company Page on Rocken Jobs provides users with detailed information about a company, including an overview, available vacancies, values, benefits, and additional multimedia content such as images. The page is structured to enhance the user experience, making it easy for candidates to explore companies, their cultures, and career opportunities. It also includes sections to promote user sign-in to Rocken Talent and facilitate navigation through breadcrumbs. The layout is optimized for both desktop and mobile views to ensure accessibility across devices.

     

    Epic ticket:


    RT-5560

    User stories

    Visual design

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

     

  • Story 3.10.1. RJ. Breadcrumbs

    Content

    General info

    User story

    As a user, I want to see a breadcrumb navigation on the Company Page so that I can easily track my location and navigate back to previous sections.

    Visual design:

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display breadcrumbs
    Given: A user is on the Company Page
    When: The page loads
    Then: The breadcrumb navigation should display the hierarchical path (e.g., Home > Companies > [Company Name]).

     

     

    02

    Scenario: Breadcrumb links
    Given: A user views the breadcrumbs
    When: The user clicks a breadcrumb link
    Then: They should be redirected to the respective page in the navigation path.

     

     

    03

    Scenario: Responsive breadcrumbs
    Given: A user views the Company Page on mobile
    When: The breadcrumbs are displayed
    Then: The breadcrumbs should adjust to fit smaller screen sizes or show a simplified path.

     

     

    04

    Scenario: Last breadcrumb item
    Given: A user is on the Company Page
    When: They view the breadcrumbs
    Then: The last item in the breadcrumb trail should not be clickable.

     

    05

    Scenario: Consistent breadcrumb style
    Given: A user navigates through the site
    When: They view breadcrumbs on other pages
    Then: The breadcrumb style should remain consistent with the Company Page.

     

    06

    Scenario: Breadcrumb behavior after refresh
    Given: A user refreshes the Company Page
    When: The page reloads
    Then: The breadcrumb should maintain its accurate navigation path.

     

  • Story 3.10.2. RJ. Application section

    Content

    General info

    User story

    As a user, I want to view a clear call-to-action in the Application Section on the Company Page so that I can apply to a company’s open positions.

    Visual design:

     

    #

    Acceptance Criteria

     

    01

    Scenario: Application button display
    Given: The user views the Company Page
    When: The page loads
    Then: An "Apply" button should be visible and prominent in the Application Section.

    image-20241113-120917.png

    02

    Scenario: Application button interaction
    Given: The user sees the "Apply" button
    When: The user clicks the button
    Then: They should be directed to the application page or form for the company.

     

     

    03

    Scenario: Responsive design
    Given: A user views the page on mobile
    When: They access the Application Section
    Then: The "Apply" button should be accessible and fit the screen without horizontal scrolling.

     

     

    04

    Scenario: Application button hover
    Given: The user hovers over the "Apply" button
    When: The cursor is over the button
    Then: The button should display a hover effect to indicate interactivity.

     

    05

    Scenario: Button functionality
    Given: A user clicks "Apply"
    When: The user has an account
    Then: They should be redirected to Application page

     

    06

    OOS Scenario: Disabled button
    Given: There are no available positions
    When: The user views the Application Section
    Then: The "Apply" button should be disabled or hidden.

     

  • Story 3.8.1. RJ. List of companies

    Content

    General info

    The Companies List Page in Rocken Jobs aims to showcase companies that trust Rocken, featuring a list view of companies with relevant details like industry and size. Users can view the companies in grid and list formats, with options for additional company details upon clicking "More." This page offers navigation links, filters, and options to switch between English and German.

    User story

    As a job seeker or employer on Rocken Jobs,
    I want to see a list of companies that are Rocken’s partners, displayed with industry, worker count, and a “More” link,
    so that I can quickly identify companies that align with my field of interest or hiring needs.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=54371-7400&t=QiyjUORxV78ijQif-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Viewing Header
    Given I am on the Companies List Page,
    When I view the top of the page,
    Then I see the Rocken Jobs header with options to switch to Rocken Talent and select a language (English or German).

     

    Companies.jpg

    02

    Scenario: Switching Language
    Given I am viewing the header,
    When I click on the language dropdown,
    Then I can select between "Deutsch" and "English" to switch the page language.

     

     

    03

    Scenario: Navigating to Rocken Talent
    Given I am in the header section,
    When I click on "Sign in to Rocken Talent,"
    Then I am redirected to the Rocken Talent login page.

     

     

    04

    Scenario: Viewing Companies List
    Given I am on the Companies List Page,
    When I scroll through the list,
    Then I see companies displayed with their name, industry, and worker size, with each entry having a “More” link.

     

    05

    Scenario: Viewing More Details
    Given I am viewing a company entry,
    When I click on the “More” link,
    Then I am taken to a detailed page for that company.

     

    06

    Scenario: Grid/List Toggle (if applicable)
    Given I am on the Companies List Page,
    When I toggle between views,
    Then the companies display changes to either grid or list format.

     

    07

    Scenario: Mobile View Header Adaptation
    Given I am on the Companies List Page on a mobile device,
    When I view the header,
    Then the header elements (language switch and link to Rocken Talent) are optimized for mobile, fitting within the screen width without overlapping.

    08

    Scenario: Mobile View Company List Adaptation
    Given I am on the Companies List Page on a mobile device,
    When I scroll through the company entries,
    Then each entry is optimized to fit within the mobile screen width, displaying key information (name, industry, worker size) without overflow.

    image-20241113-080904.png

    09

    Scenario: Mobile Navigation to More Details
    Given I am viewing the Companies List on a mobile device,
    When I click the “More” link for a company entry,
    Then I am navigated to a mobile-optimized detailed view for that company.

    10

    Scenario: Mobile View Pagination
    Given I am on the Companies List Page on a mobile device,
    When I navigate between pages,
    Then pagination controls are accessible and adapted for touch, allowing easy navigation between pages.

  • Epic 3.8. RJ. Companies list page

    Content

    General info

    The Companies List Page in Rocken Jobs aims to showcase companies that trust Rocken, featuring a list view of companies with relevant details like industry and size. Users can view the companies in grid and list formats, with options for additional company details upon clicking "More." This page offers navigation links, filters, and options to switch between English and German.

     

    Epic ticket:


    RT-5556

    User stories

    Visual design

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

     

  • Story 3.1.6. RJ. Page 404

    Content

    General info

    This story focuses on creating a custom 404 error page for Rocken Jobs. When users try to access a page that doesn’t exist, they should be shown this 404 error page, informing them that the page is not available. The page should include the following elements:

    • A 404 error message stating, "Oops, the page you’re looking for does not exist."

    • A Back Home button that redirects users to the homepage.

    • A Support link/button that allows users to seek assistance if needed.

    • Footer links and options for switching to dark mode, language selection, and navigation to Datenschutz / AGB, About, and Contact pages.

    • Copyright information at the bottom.

    User story

    As a RJ user
    I want to see a custom 404 page when I access a non-existent URL
    So that I understand the page is unavailable and have options to navigate elsewhere.

    Visual design:

    https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=54194-24272&t=mTezhkHuDEZYPOcs-4

     

    #

    Acceptance Criteria

     

    01

    Scenario: Display 404 page for non-existent URLs.
    Given I attempt to access a non-existent URL,
    When the page fails to load,
    Then I should be shown a 404 error page with a message: "Oops, the page you’re looking for does not exist."

     

     

    02

    Scenario: Back Home button redirects to homepage.
    Given I am on the 404 page,
    When I click on the "Back Home" button,
    Then I should be redirected to the homepage.

     

     

    03

    Scenario: Support link provides assistance.
    Given I am on the 404 page,
    When I click on the "Support" link,
    Then I should be redirected to a support page or see options to contact support.

     

     

    04

    Scenario: Footer options and links are visible.
    Given I am on the 404 page,
    When I scroll to the bottom,
    Then I should see footer links for switching to dark theme, language selection, Datenschutz / AGB, About, and Contact pages, as well as copyright information.