Story 1. Page “Raume mieten”

As a website user
I want to be able to open the page with different types of rooms
So that helps to choose variants that meet for our office

Visual design desktop: Raum mieten.xd

Visual design mobile: Mobile_Landing.xd

Acceptance criteria

01

Given: open the page Raume mieten from the menu

NEW Given: Open the page from the blog post page “Inspiration“ https://wsa.ch/de/inspiration

When: see the title of the page above the slider
AND can edit it from admin panel

Then: see the the correct title on a page
BUCHEN SIE JETZT IHREN PASSENDEN ARBEITSPLATZ

image-20240104-084141.png

image-20240104-082917.png

02

Given: open the page Raume mieten

When: see the slider at the top of the page

Then: controls and animation are the same as on the existing page

image-20240104-083203.png

this element already exist here: https://wsa.ch/de/inspiration/dietlikon-worklife

03

Given: open the page Raume mieten

When: scroll under the slider

Then: see the paragraph with title
AND can be editable from the admin panel

image-20240104-083513.png

04

Given: open the page Raume mieten

When: scroll under the paragraph

Then: see the gallery with 4 photos
AND can edit photos and their amount in the admin panel

image-20240104-083520.png

this element already exist here: https://wsa.ch/de/referenzen/knuchel-ag

05

Given: open the page Raume mieten

When: scroll under the gallery

Then: see title and icons with text
AND pay attention about centring the icons, the design is not ideal

image-20240104-083713.png

This element totally new

06

Given: open the page Raume mieten

When: scroll under the icons section

Then: see the section with photos, titles, texts, buttons that lead to the second page that we have to develop in story 2.
AND photos and texts can be editable from admin panel
AND amount of items must be flexible and changed from admin panel

image-20240104-083953.png

This element totally new

07

Given: open the page Raume mieten

When: scroll to section with form

Then: see the title, form fields, image, chackbox, button
AND the photo and text close to it can be changed from admin panel
AND the thank you message will be the same as on existing forms
AND field "Gewünschter Raum" should be dropdown with ability to edit items of dropdown in the admin panel

image-20240104-084504.pngimage-20240104-084535.png

08

Given: open the page Raume mieten

When: scroll under the form

Then: see the paragraphs with title of the section, bold questions, answers
AND can be changed from admin panel

image-20240104-084649.png

09

Given: open the page Raume mieten

When: scroll under the photo

Then: see footer as on other pages of the site

image-20240104-093942.png

10

Use the same font and font size as on current website

Comments

Leave a Reply