https://docs.google.com/spreadsheets/d/1jzK0kgRrQ2WRg8KsXvk_XCr8l-mFwMQmeG6VZ-V-RQI/edit#gid=0
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
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 membersNEW 03.04
Show 10 members on a page02
Given: Membership List page – become a member banner
When: click on button “become a member”
Then: redirect to external Google Form link
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 saveThen: see new member on website
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
-
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
Acceptance criteria
01
Given: Main page – menu “Activities” – Events
When: click upcoming events
Then: see only events with feature dates
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“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 pageWhen: click read more button
Then: redirect to specific event page
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 saveThen: see new event on website
06
Given: Events page with 10 or more events
When: scroll down
Then: see Load more button
-
Story 1. Main page
General info
Change the main page structure.
Structure:
-
Slider (suggest the type of slider based on the existing width style of the site)
-
About NUCC (use info from here https://nucc.no/about-nucc/ but shorter)
-
Nucc team (use this info, but in slider in one row – https://nucc.no/about/nucc_team/ )
-
Membership (use this text and button https://prnt.sc/n5zf1fXYVnR4 )
-
Recent news (use this but in one row – https://prnt.sc/iQ7uQHtjUrHM )
-
Facebook widget (move it to this place somehow – https://prnt.sc/1BUlHiFeTwdw )
-
Move the existing Facebook widget to the footer (maybe here https://prnt.sc/go8clQ5TDkaP )
Visual design
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 directorsAlexandr 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 form02
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
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)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 right07
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 design08
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 team09
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 design10
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 insidein this place we will try to find some widget of facebook or linkedIn
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 button12
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 iconsNew 03.04
13
Given: main page
When: fill out subscription form
Then: see the popup
-
-
Webflow
General info
Implement a new page using webflow technology
Epic ticket:
Visual Design
-
🗒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

































