Category: NUCC

  • Story 3. Membership

    User story

    As a website user

    I want to open the membership page from the slider or menu

    So that helps get information about the membership list and the ability to filter by different categories

    Visual design

    https://www.figma.com/file/2tDNuIopJv0ONpAUzPpJKF/nucc.no?type=design&node-id=399-5131&mode=design&t=ne09LmkN0x2SfZqD-4

    Acceptance criteria

    01

    Given: Main page – menu “Membership” – Membership List

    When: Search
    OR/AND filter by category
    OR/AND filter by industry
    OR/AND filter by country
    OR/AND filter by amount of employees
    Then: see the list of 10 members

    NEW 03.04
    Show 10 members on a page

    Membership.png

    02

    Given: Membership List page – become a member banner

    When: click on button “become a member”

    Then: redirect to external Google Form link

    image-20240321-145708.png

    03

    Given: Membership List page

    When: click on home in breadcrumbs

    Then: redirect to main page

    04

    Given: Create member in webflow

    When: fill name, short description, industry, subcategory, website, headoffice, employees, Country, image
    AND click save

    Then: see new member on website

    image-20240321-150151.png

    05

    Given: Membership List page with 10 or more members

    When: scroll down

    Then: see Load more button

    NEW 03.04

    New design for button

    image-20240403-143739.png

  • Story 2. Event Page

    User story

    As a website user

    I want to open the event page from the slider or menu

    So that helps get information for upcoming or past events

    Visual design

    https://www.figma.com/file/2tDNuIopJv0ONpAUzPpJKF/nucc.no?type=design&node-id=372-278&mode=design&t=ne09LmkN0x2SfZqD-4

    Acceptance criteria

    01

    Given: Main page – menu “Activities” – Events

    When: click upcoming events

    Then: see only events with feature dates

    image-20240404-114455.png

    02

    Given: Main page – menu “Activities” – Events

    When: click past events

    Then: We only see past events

    03

    Given: Events page

    When: scroll down

    Then: see the subscription form
    with ability to fill name and email fields
    AND button “Subscribe“

    image-20240321-142333.png

    04

    Given: Events page

    When: click on home in breadcrumbs

    Then: redirect to main page

    05

    (OOS – out of scope for the first stage)
    Given: events page

    When: click read more button

    Then: redirect to specific event page

    image-20240321-142524.png

    Don’t show the button Read more on the first stage

    05

    Given: Create event in webflow

    When: fill name, short description, date range, Country, image
    AND click save

    Then: see new event on website

    image-20240321-143322.png

    06

    Given: Events page with 10 or more events

    When: scroll down

    Then: see Load more button

    image-20240404-114543.png

  • Story 1. Main page

    General info

    Change the main page structure.

    Structure:

    1. Slider (suggest the type of slider based on the existing width style of the site)

    2. About NUCC (use info from here https://nucc.no/about-nucc/ but shorter)

    3. Nucc team (use this info, but in slider in one row – https://nucc.no/about/nucc_team/ )

    4. Membership (use this text and button https://prnt.sc/n5zf1fXYVnR4 )

    5. Recent news (use this but in one row – https://prnt.sc/iQ7uQHtjUrHM )

    6. Facebook widget (move it to this place somehow – https://prnt.sc/1BUlHiFeTwdw )

    7. Move the existing Facebook widget to the footer (maybe here https://prnt.sc/go8clQ5TDkaP )

    Visual design

    https://www.figma.com/file/2tDNuIopJv0ONpAUzPpJKF/nucc.no?type=design&node-id=74-2987&mode=design&t=ne09LmkN0x2SfZqD-4

    Acceptance criteria

    01

    Given: Menu https://nucc.no/

    When: style and color dark blue

    Then: updated style on mobile and desktop with white submenu

    Doing Business: You can add
    Energy
    ICT
    Seafood
    Agriculture
    Manufacturing
    Activities: You can add
    Events
    Young Entrepreneurs
    Committees
    Membership: You can add all submenus as on the existing website:
    – Member list
    – Apply for membership – redirect to form
    – Discounts for members (OOS)
    News (without submenus)
    About: You can add all submenus as on the existing website:
    About NUCC
    NUCC team
    Board of directors

    Alexandr Baibachenko NEW 03.04
    1. Update the text above the logo, leave only email and delete adress
    2. Menu item “Apply for membership” – redirect to form

    image-20240403-125037.png

    image-20240205-095824.pngimage-20240205-095833.png

    image-20240327-085428.png

    image-20240327-085445.png

    02

    Given: There is no slider on a main page https://nucc.no/

    When: add slider with arrows to the left and to the right

    Then: see the slider under menu on desktop and mobile

    image-20240205-100207.pngimage-20240205-100217.png

    03

    Given: load the main page with new slider

    When: waite for a moment

    Then: all titles, buttons, images are animated smoothly as on example

    use effects as here: https://stingray.dev.cheitgroup.com/

    04

    Given: new slider

    When: hover on arrow to the right or to left

    Then: see the yellow bg and black text
    (the same as on registration button)

    image-20240205-100520.png

    05

    Given: new slider

    When: click on arrow to the right or to left

    Then: slider animate smoothly

    use effects as here: https://stingray.dev.cheitgroup.com/

    06

    Given: main page

    When: scroll under the slider

    Then: see section About NUCC
    AND button with yellow hover and link
    AND banners with hover on text and arrow that leads to the other page
    AND on hover arrow that animate a little to the right

    image-20240205-101605.pngimage-20240205-103554.png

    07

    Given: main page

    When: scroll under section About NUCC

    Then: see the banner that animated from the bottom to the top
    firstly animated image of the banner then tests and button
    AND hover on the button as on design

    image-20240205-101638.pngimage-20240205-101852.pngimage-20240205-103544.png

    08

    Given: main page

    When: scroll under section about NUCC and banner

    Then: see the section Our team
    AND the section appears from the bottom to the top
    AND we have hover on arrows and icons (to yellow)

    NEW 03.04
    new photo of the team

    image-20240403-140820.png

    image-20240403-141037.png

    09

    Given: main page

    When: scroll under section our team

    Then: see the section Resent News
    AND the section appears from the bottom to the top
    AND we have hover on links (to yellow) and images (animate a little bigger) and arrows as on design

    image-20240205-102512.pngimage-20240205-103526.png

    10

    OOS

    Given: main page

    When: scroll under the section News

    Then: see the facebook section
    AND the section appears from the bottom to the top
    BUT without any hover and animations inside

    in this place we will try to find some widget of facebook or linkedIn

    image-20240205-102521.pngimage-20240205-103517.png

    11

    Given: main page

    When: scroll under the facebook widget

    Then: see the section of subscription form

    AND the section appears from the bottom to the top
    AND we have hover on the button

    image-20240205-102650.pngimage-20240205-102659.pngimage-20240205-103507.png

    12

    Given: main page

    When: scroll under the subscription form

    Then: see the footer
    AND see the yellow hover on the links and blue hover on the icons

    New 03.04

    1. instead MAIL
      should be number
      Org nr 993 468 606
      check on design

    2. Links to social media
      Facebook

      LinkedIn

      YouTube

      Instagram

    image-20240403-142537.png

    image-20240403-142550.png

    13

    Given: main page

    When: fill out subscription form

    Then: see the popup

    image-20240403-141530.png

    https://www.figma.com/file/2tDNuIopJv0ONpAUzPpJKF/nucc.no?type=design&node-id=862-3353&mode=design&t=mNDvoqCGqOX0SHnh-4

  • Webflow

    General info

    Implement a new page using webflow technology

    Story 1. Main page

    Story 2. Event Page

    Story 3. Membership

    Epic ticket:


    NUCC-31

    Visual Design

    https://www.figma.com/file/2tDNuIopJv0ONpAUzPpJKF/nucc.no?type=design&node-id=74-2986&mode=design&t=ne09LmkN0x2SfZqD-0

  • 🗒Requirements / functionality

    Page

    Functionality

    Notes

    How to work on the project

    https://docs.google.com/document/d/1WD6xc1OjSylpbY3iJsAGogc7HHPkN5JuQGJ767_BTNE/edit?usp=sharing

    Project overview Saclab (functionality explanation)

    https://docs.google.com/spreadsheets/d/1a_g019yT1zDBzgjmyE4Zq_kQlztETwoAfzQ8_JxMLLI/edit?usp=sharing

    https://docs.google.com/spreadsheets/d/1Libbo57CH4PuXUfqyJDNk9yzzuDazZDMXaAMvnQkVlI/edit?usp=sharing

    https://docs.google.com/document/d/1pxnZ81xGQYWJeHJ5p8WYi5ojovbcgf8LS01Qea78XWU/edit?usp=sharing

    SYB v4 – email flow (should be added)

    Crons (SYB)

    https://trello.com/c/B75w86E0/273-v2-v3-crons-to-trigger-emails-for-testing

    🔎 QA Scope

    Supported browsers and devices:

    mobile and desktop

    iPhone Safari (360px)

    iPhone Safari (the bіggest)

    Mac Safari (1440 px)

    Mac Safari (1025px)

    Mac Safari (1920 px)

    Android Samsung S8 (360px)

    Android Samsung (the biggest)

    Windows Chrome (1440 px)

    Windows Edge (1440 px) Windows

    Opera (1440 px) Windows Mozilla (1440 px)

  • Open Questions

    Question

    Answer

    Answered by

    Date Answered

  • 🆘 Change Requests

    Name

    Date Requested

    Estimate

    Status

    IN PROGRESS DONE

    DECLINED