User Story 15 – Design Refinement

Value proposition

As a web developer I want to define the design elements so that the app is more attractive and handy to use

The wireframes of User Story 1 – 12 are the prototypes for this user story

[ ] All buttons have a design, color to express the use of the button. Buttons to accept or cancel a change or even delete an item are provided with an additionally icon.
[ ] The design of edit trip looks similar to the add trip form
[ ] All text elements like headlines and the main text have a defined appearance
[ ] The app elements have a unique colour concept
[ ] The styling of content elements is harmonious
[ ] The packing list provides a harmonious design for
- [ ] an input field to add an item
- [ ] also to update items optionally
- [ ] also to delete items optionally
- [ ] also to check items as done
[ ] All messages have a similar design and inform the user

[ ] Create a feature branch feature/design-refinements
[ ] Define styled components for all buttons
- [ ] with an CTA (submit, cancel, delete) and
- [ ] buttons to navigate (back-button, edit button, …)
- [ ] integrate svg.-icons to enhance the usability
[ ] Define a color sheme for the styled components
[ ] Define <h1>, <h2>, <h3> and <main> text in size, weight, colour
[ ] Define styled components for the packing list and its offered features like add, update, delete and complete an item
[ ] Define and implement already existing styled components for the edit trip form.
[ ] Implement a unique design for ConfirmDelete and ConfirmationMessage