docs: add UI designs for proposed features (#66)

design.md

@@ -0,0 +1,23 @@
+# UI/UX Designs for Proposed Features
+
+This document contains the UI/UX designs for the following proposed features (in the web interface).
+
+> The Figma walkthrough can be viewed [here](https://www.figma.com/proto/IFo3ZztIKWZYFc8qTUeFFT/Link-Shortner-App-Design?type=design&node-id=10-50&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=10%3A50).
+
+#### Expiry Status
+
+The expiry status icon portrays that the link is temporary and will expire. The color red shows urgency in case the user forgot to update the expiry date of a link.
+
+![Expiry Status](https://github.com/kineticdesigner42/yaus/assets/89142609/a4569428-dbc3-4329-bafe-ea57057bf67b)
+
+#### Link Expiry Editor
+
+The link expiry editor allows the user to view or edit the link expiry date. If the link is expired it shows up in red along with a blank textbox, however if it is functional it shows up in green with the expiry date given.
+
+![Link Expiry Editor](https://github.com/kineticdesigner42/yaus/assets/89142609/58ea5a17-873d-4e8b-8cfe-741db15592bd)
+
+#### Campaign Folders
+
+The folder provides a way for the user to organise their links for their various campaigns. The number of expired and functional links allow the user to get an overview of the project without opening the folder.
+
+![Campaign Folders](https://github.com/kineticdesigner42/yaus/assets/89142609/41a83755-8257-4312-92a2-aeffb58f97bd)