diff --git a/design-assets/Databag.fig.zip b/design-assets/Databag.fig.zip new file mode 100644 index 00000000..e87145ef Binary files /dev/null and b/design-assets/Databag.fig.zip differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/AddressBook.png b/design-assets/SCREENSHOTS/DESKTOP/AddressBook.png new file mode 100644 index 00000000..98d671dc Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/AddressBook.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Admin Login.png b/design-assets/SCREENSHOTS/DESKTOP/Admin Login.png new file mode 100644 index 00000000..5c80d2eb Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Admin Login.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Admin Settings.png b/design-assets/SCREENSHOTS/DESKTOP/Admin Settings.png new file mode 100644 index 00000000..f5de4c7a Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Admin Settings.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Admin User Settings.png b/design-assets/SCREENSHOTS/DESKTOP/Admin User Settings.png new file mode 100644 index 00000000..85fe1e77 Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Admin User Settings.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Blocked Contacts.png b/design-assets/SCREENSHOTS/DESKTOP/Blocked Contacts.png new file mode 100644 index 00000000..231defef Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Blocked Contacts.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Blocked Messages.png b/design-assets/SCREENSHOTS/DESKTOP/Blocked Messages.png new file mode 100644 index 00000000..d1a66576 Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Blocked Messages.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Blocked Topics.png b/design-assets/SCREENSHOTS/DESKTOP/Blocked Topics.png new file mode 100644 index 00000000..79a000be Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Blocked Topics.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Chat Settings.png b/design-assets/SCREENSHOTS/DESKTOP/Chat Settings.png new file mode 100644 index 00000000..474d51b9 Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Chat Settings.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Contact List.png b/design-assets/SCREENSHOTS/DESKTOP/Contact List.png new file mode 100644 index 00000000..e924c1bb Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Contact List.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Conversation Empty.png b/design-assets/SCREENSHOTS/DESKTOP/Conversation Empty.png new file mode 100644 index 00000000..85a4522d Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Conversation Empty.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Conversation.png b/design-assets/SCREENSHOTS/DESKTOP/Conversation.png new file mode 100644 index 00000000..08f5193b Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Conversation.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Conversations List Empty.png b/design-assets/SCREENSHOTS/DESKTOP/Conversations List Empty.png new file mode 100644 index 00000000..0777e4eb Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Conversations List Empty.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Create Account.png b/design-assets/SCREENSHOTS/DESKTOP/Create Account.png new file mode 100644 index 00000000..c9ecf82c Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Create Account.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Empty Contact List.png b/design-assets/SCREENSHOTS/DESKTOP/Empty Contact List.png new file mode 100644 index 00000000..10b0bfd6 Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Empty Contact List.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Login.png b/design-assets/SCREENSHOTS/DESKTOP/Login.png new file mode 100644 index 00000000..2a99ddf7 Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Login.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/New Conversation.png b/design-assets/SCREENSHOTS/DESKTOP/New Conversation.png new file mode 100644 index 00000000..0fe1063b Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/New Conversation.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Onboarding.png b/design-assets/SCREENSHOTS/DESKTOP/Onboarding.png new file mode 100644 index 00000000..01b5f813 Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Onboarding.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Profile.png b/design-assets/SCREENSHOTS/DESKTOP/Profile.png new file mode 100644 index 00000000..d963bcf5 Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Profile.png differ diff --git a/design-assets/SCREENSHOTS/DESKTOP/Settings.png b/design-assets/SCREENSHOTS/DESKTOP/Settings.png new file mode 100644 index 00000000..3f1a9ec4 Binary files /dev/null and b/design-assets/SCREENSHOTS/DESKTOP/Settings.png differ diff --git a/design-assets/SCREENSHOTS/Desktop.png b/design-assets/SCREENSHOTS/Desktop.png new file mode 100644 index 00000000..8b722e0b Binary files /dev/null and b/design-assets/SCREENSHOTS/Desktop.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Add Account Pop Up.png b/design-assets/SCREENSHOTS/MOBILE/Add Account Pop Up.png new file mode 100644 index 00000000..0247a3b3 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Add Account Pop Up.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Adimn Settings.png b/design-assets/SCREENSHOTS/MOBILE/Adimn Settings.png new file mode 100644 index 00000000..f01f108b Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Adimn Settings.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Admin Login.png b/design-assets/SCREENSHOTS/MOBILE/Admin Login.png new file mode 100644 index 00000000..55d4b749 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Admin Login.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Adminn User Settings.png b/design-assets/SCREENSHOTS/MOBILE/Adminn User Settings.png new file mode 100644 index 00000000..0975119d Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Adminn User Settings.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Block Pop Up.png b/design-assets/SCREENSHOTS/MOBILE/Block Pop Up.png new file mode 100644 index 00000000..f87cf4c0 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Block Pop Up.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Blocked Contacts.png b/design-assets/SCREENSHOTS/MOBILE/Blocked Contacts.png new file mode 100644 index 00000000..ac6d5feb Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Blocked Contacts.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Blocked Messages.png b/design-assets/SCREENSHOTS/MOBILE/Blocked Messages.png new file mode 100644 index 00000000..fcedde42 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Blocked Messages.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Blocked Topics.png b/design-assets/SCREENSHOTS/MOBILE/Blocked Topics.png new file mode 100644 index 00000000..421fb230 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Blocked Topics.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up-1.png b/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up-1.png new file mode 100644 index 00000000..fc77e936 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up-1.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up.png b/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up.png new file mode 100644 index 00000000..ca035d8b Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Change Credentials Pop Up.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Chat Settings.png b/design-assets/SCREENSHOTS/MOBILE/Chat Settings.png new file mode 100644 index 00000000..f8f32553 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Chat Settings.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Contact List.png b/design-assets/SCREENSHOTS/MOBILE/Contact List.png new file mode 100644 index 00000000..e117bc84 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Contact List.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Conversation Empty.png b/design-assets/SCREENSHOTS/MOBILE/Conversation Empty.png new file mode 100644 index 00000000..1d82bb78 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Conversation Empty.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Conversation List.png b/design-assets/SCREENSHOTS/MOBILE/Conversation List.png new file mode 100644 index 00000000..a8bd1f8f Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Conversation List.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Conversation.png b/design-assets/SCREENSHOTS/MOBILE/Conversation.png new file mode 100644 index 00000000..db804ab1 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Conversation.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Conversations List Empty.png b/design-assets/SCREENSHOTS/MOBILE/Conversations List Empty.png new file mode 100644 index 00000000..5088c9b3 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Conversations List Empty.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Create Account.png b/design-assets/SCREENSHOTS/MOBILE/Create Account.png new file mode 100644 index 00000000..524fa093 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Create Account.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Delete Account ADMIN.png b/design-assets/SCREENSHOTS/MOBILE/Delete Account ADMIN.png new file mode 100644 index 00000000..a77dc3bc Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Delete Account ADMIN.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Delete Account.png b/design-assets/SCREENSHOTS/MOBILE/Delete Account.png new file mode 100644 index 00000000..a77dc3bc Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Delete Account.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Delete Contact.png b/design-assets/SCREENSHOTS/MOBILE/Delete Contact.png new file mode 100644 index 00000000..be9071e9 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Delete Contact.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Disable Account ADMIN.png b/design-assets/SCREENSHOTS/MOBILE/Disable Account ADMIN.png new file mode 100644 index 00000000..d0264882 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Disable Account ADMIN.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Empty Contact List.png b/design-assets/SCREENSHOTS/MOBILE/Empty Contact List.png new file mode 100644 index 00000000..adc2c966 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Empty Contact List.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Login.png b/design-assets/SCREENSHOTS/MOBILE/Login.png new file mode 100644 index 00000000..43e19862 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Login.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Logout Pop Up.png b/design-assets/SCREENSHOTS/MOBILE/Logout Pop Up.png new file mode 100644 index 00000000..79ab1b01 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Logout Pop Up.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Mute Pop Up.png b/design-assets/SCREENSHOTS/MOBILE/Mute Pop Up.png new file mode 100644 index 00000000..4a2e9389 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Mute Pop Up.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/New Conversation.png b/design-assets/SCREENSHOTS/MOBILE/New Conversation.png new file mode 100644 index 00000000..5bd23a4d Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/New Conversation.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Onboarding.png b/design-assets/SCREENSHOTS/MOBILE/Onboarding.png new file mode 100644 index 00000000..cd60ae6f Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Onboarding.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Profile.png b/design-assets/SCREENSHOTS/MOBILE/Profile.png new file mode 100644 index 00000000..c7255043 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Profile.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Reset Account Pop Up.png b/design-assets/SCREENSHOTS/MOBILE/Reset Account Pop Up.png new file mode 100644 index 00000000..ae5b2770 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Reset Account Pop Up.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Settings.png b/design-assets/SCREENSHOTS/MOBILE/Settings.png new file mode 100644 index 00000000..f0fd412c Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Settings.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-1.png b/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-1.png new file mode 100644 index 00000000..ad74b005 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-1.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-2.png b/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-2.png new file mode 100644 index 00000000..2aa5545e Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up-2.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up.png b/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up.png new file mode 100644 index 00000000..4e3e0e51 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Unblock Pop Up.png differ diff --git a/design-assets/SCREENSHOTS/MOBILE/Video screen.png b/design-assets/SCREENSHOTS/MOBILE/Video screen.png new file mode 100644 index 00000000..2b2628f2 Binary files /dev/null and b/design-assets/SCREENSHOTS/MOBILE/Video screen.png differ diff --git a/design-assets/SCREENSHOTS/Mobile.png b/design-assets/SCREENSHOTS/Mobile.png new file mode 100644 index 00000000..d7b0b588 Binary files /dev/null and b/design-assets/SCREENSHOTS/Mobile.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide.png b/design-assets/SCREENSHOTS/Styleguide.png new file mode 100644 index 00000000..0b216b63 Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 1.png b/design-assets/SCREENSHOTS/Styleguide/Page 1.png new file mode 100644 index 00000000..aca377bb Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 1.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 10.png b/design-assets/SCREENSHOTS/Styleguide/Page 10.png new file mode 100644 index 00000000..588f5528 Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 10.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 2.png b/design-assets/SCREENSHOTS/Styleguide/Page 2.png new file mode 100644 index 00000000..921be414 Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 2.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 3.png b/design-assets/SCREENSHOTS/Styleguide/Page 3.png new file mode 100644 index 00000000..e3d60e4a Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 3.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 4.png b/design-assets/SCREENSHOTS/Styleguide/Page 4.png new file mode 100644 index 00000000..d91466ef Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 4.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 5.png b/design-assets/SCREENSHOTS/Styleguide/Page 5.png new file mode 100644 index 00000000..072cb865 Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 5.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 6.png b/design-assets/SCREENSHOTS/Styleguide/Page 6.png new file mode 100644 index 00000000..80908ef6 Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 6.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 7.png b/design-assets/SCREENSHOTS/Styleguide/Page 7.png new file mode 100644 index 00000000..855ccd16 Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 7.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 8.png b/design-assets/SCREENSHOTS/Styleguide/Page 8.png new file mode 100644 index 00000000..ac582659 Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 8.png differ diff --git a/design-assets/SCREENSHOTS/Styleguide/Page 9.png b/design-assets/SCREENSHOTS/Styleguide/Page 9.png new file mode 100644 index 00000000..a0d83f95 Binary files /dev/null and b/design-assets/SCREENSHOTS/Styleguide/Page 9.png differ diff --git a/design-assets/SCREENSHOTS/databag-d.png b/design-assets/SCREENSHOTS/databag-d.png new file mode 100644 index 00000000..0a3d6f72 Binary files /dev/null and b/design-assets/SCREENSHOTS/databag-d.png differ diff --git a/design-assets/SCREENSHOTS/databag-m.png b/design-assets/SCREENSHOTS/databag-m.png new file mode 100644 index 00000000..8b2d1548 Binary files /dev/null and b/design-assets/SCREENSHOTS/databag-m.png differ diff --git a/design-assets/design b/design-assets/design deleted file mode 100644 index 2610e3f9..00000000 --- a/design-assets/design +++ /dev/null @@ -1,34 +0,0 @@ - -# Databag UI Redesign - - -After talking with @balzack I redesigned the app. -I kept the illustrations already suggested by the community and also kept the green hues of the current design. - -I applied standard design practices in font sizes, spacing and icons. - -The font selected is [Inter](https://fonts.google.com/specimen/Inter) and for icons I used [Phosphor Icons](https://phosphoricons.com). - -**Mobile Proposed Design** - - - -**Desktop Proposed Design** - - - - -**Style Guide** - - - - - -**The current Figma file is here** - - - - - - - diff --git a/design-assets/design.md b/design-assets/design.md new file mode 100644 index 00000000..463eafb9 --- /dev/null +++ b/design-assets/design.md @@ -0,0 +1,52 @@ +# Databag UI Redesign + + +Here is the complete redesign of the UI for Databag. +I have worked closely with @balzack and we feel it's in a pretty good state with lots of work ahead. + +I kept the illustrations already suggested by the community and also kept the green hues of the current design. + +I applied standard design practices in font sizes, spacing and icons. +The font selected is [Inter](https://fonts.google.com/specimen/Inter) and for icons I used [Phosphor Icons](https://phosphoricons.com). + +### _**The current Figma file is here**_ --> +[Databag.fig.zip](https://github.com/user-attachments/files/19713647/Databag.fig.zip) + +**Still missing:** +- Dark Mode +- Animations +- Overall Branding (if seen necessary) + + + +### **Screenshots:** +### **Mobile Proposed Design** + + + + +Mobile + + + +### **Desktop Proposed Design** + + + +Desktop + + + +### **Style Guide** + + + +Styleguide + + +_*There are some more screens in the figma file_ + + + + + diff --git a/design.md b/design.md index 2610e3f9..463eafb9 100644 --- a/design.md +++ b/design.md @@ -1,32 +1,50 @@ - # Databag UI Redesign -After talking with @balzack I redesigned the app. +Here is the complete redesign of the UI for Databag. +I have worked closely with @balzack and we feel it's in a pretty good state with lots of work ahead. + I kept the illustrations already suggested by the community and also kept the green hues of the current design. I applied standard design practices in font sizes, spacing and icons. - The font selected is [Inter](https://fonts.google.com/specimen/Inter) and for icons I used [Phosphor Icons](https://phosphoricons.com). -**Mobile Proposed Design** +### _**The current Figma file is here**_ --> +[Databag.fig.zip](https://github.com/user-attachments/files/19713647/Databag.fig.zip) + +**Still missing:** +- Dark Mode +- Animations +- Overall Branding (if seen necessary) -**Desktop Proposed Design** +### **Screenshots:** +### **Mobile Proposed Design** -**Style Guide** - - - - - -**The current Figma file is here** - - +Mobile + + + +### **Desktop Proposed Design** + + + +Desktop + + + +### **Style Guide** + + + +Styleguide + + +_*There are some more screens in the figma file_