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

Comments

Leave a Reply