Ver Fonte

PIP-0034: added AppDitto proposal for website

Herman Schoenfeld há 6 anos atrás
pai
commit
5cdfe3de3a

+ 90 - 0
PIP/PIP-0034A.md

@@ -0,0 +1,90 @@
+<pre>
+  PIP: PIP-0034A
+  Title: Website UI/UX Redesigns
+  Type: UI/UX Design
+  Impact: None
+  Author(s): Appditto <[email protected]>
+  Copyright: Appditto, 2019 (All Rights Reserved)
+  License: GNU Public License
+  Comments-URI: https://discord.gg/sJqcgtD (channel #pip-0034A)
+  Status: Draft
+  Created: 2019-06-17
+</pre>
+
+## Summary
+It is proposed to redesign the user interface and the user experience of [pascalcoin.org][pascal-website], [explore.pascalcoin.org][pascal-explorer], and [freepasa.org][free-pasa]. The redesign will adhere to existing code-structure/frameworks.
+
+## Motivation
+The websites of a cryptocurrency often serve as a gateway to bring potential new users by introducing them to the project. They also act as a news source and a wiki for existing users to learn more about the cryptocurrency. The content of these websites often seen by the new users as an initial way of judging the potential of the given project. Because of these reasons, the websites need to be intriguing, understandable and beautiful while clearly communicating the core values and the products that the cryptocurrency offers.
+
+The ever-growing popularity of cryptocurrencies and the competition have been heavily affecting the design of the websites of these projects. It can be said that the importance of having a unique website that intrigues new users to learn more about the cryptocurrency is becoming more and more important. The websites that are created with already existing, overused popular themes, standard fonts, and pre-made assets can give the first impression that the project doesn't have a "character" but it is rather "just another cryptocurrency website".
+
+## Specification
+The goal of the website redesigns is to achieve the following:
+
+* Redesign the aforementioned websites to make them more intriguing, understandable and beautiful
+* Create and implement various animation to make the websites more interactive and appealing
+* Create and implement various illustrations to make the websites more approachable and easier to digest
+* Define a color scheme, a font choice, and a font weight & size hierarchy for the website to make it consistent all around
+
+The designs and the assets created will be released under [**CC0**][creative-commons] license, or any license suggested by PascalCoin Foundation.
+
+## Components
+The redesign is comprised of the following components:
+* [**Sketch**][sketch-app] and [**Figma**][figma-app] files that will include the design in its entirety including all the pages and assets(such as illustrations). These will be shared in case another designer wants to edit the design in the future. [**Sketch**][sketch-app] and [**Figma**][figma-app] are chosen because they are the most popular and familiar design tools for creating user interfaces.
+* Source files for the animations, which will be made in [**After Effects**][ae-app]. These will be shared in case another animator wants to edit the animations in the future. [**After Effects**][ae-app] is chosen because it is the industry standard for creating animations and it can export an animation in various formats like GIF, MP4, WebM or as a vector animation which can be played by [**Lottie**][lottie] (a library that renders vector animations for web and native apps).
+* A PDF file that will showcase the design in its entirety including all the possible pages in all the possible screen sizes (mobile, tablet and desktop).
+* A PDF guide file which will include: All the hex codes for the colors, styles, font families, weights & sizes, margins & paddings.
+* The illustrations in SVG, PDF and PNG formats.
+* The animations in GIF, MP4, WebM and JSON (*vector animation, for the use with [**Lottie**][lottie]*) formats.
+
+## Background
+We encourage you to check out some other websites and applications that have been designed and developed by us. These are listed below:
+
+| Link | Description |
+| :----- | :------ |
+[natrium.io](https://natrium.io) | NANO Wallet, developed with Flutter. Available on the iOS App Store and Google Play Store (Open Source)
+[blaise wallet](https://appditto.com/blaisevideo) | Blaise Wallet, which we are currently developing for PascalCoin
+[kalium.banano.cc](https://kalium.banano.cc) | BANANO Wallet, developed with Flutter. Available on the iOS App Store and Google Play Store (Open Source)
+[monkeytalks.cc](https://monkeytalks.cc) | Monkey Talks - open source on-chain chat and faucet for BANANO developed with Vue and Python (Open Source)
+[nanopaperwallet.com](https://nanopaperwallet.com) | Paper wallet generator for NANO (Open Source)
+[bananominer.com](https://bananominer.com) | Folding@Home faucet for BANANO
+[banano.cc](https://banano.cc) | BANANO's website
+[appditto.com](https://appditto.com) | Appditto website
+[loopelf.com](https://loopelf.com) | Loop animations for neat projects
+[sinenur.art](https://sinenur.art) | A website for an aspiring industrial designer
+[animations](https://www.2dimensions.com/a/yekta/files/recent/all) | Various flare animations created by us
+
+### Natrium
+![Natrium](resources/PIP-0034A/natrium.jpg)
+
+### Banano Website
+![Banano Website](resources/PIP-0034A/banano-website.png)
+
+### Blaise Wallet
+![Blaise Wallet](resources/PIP-0034A/blaise.jpg)
+
+### Banano Miner
+![Banano Miner](resources/PIP-0034A/banano-miner.png)
+
+## Rationale
+The approach outlined in this design proposal is to create an intriguing, easily understandable and beautiful UI/UX for the PascalCoin websites, which will be a better gateway to introduce new users to PascalCoin, while creating a more enjoyable experience for the existing users of the website.
+
+## Backwards Compatibility
+This change is backward compatible and does not require a hard-fork activation. 
+
+## Links
+1. [Sketch][sketch-app]
+2. [Figma][figma-app]
+3. [After Effects][ae-app]
+4. [Lottie][lottie]
+
+[creative-commons]: https://creativecommons.org/share-your-work/public-domain/cc0/
+[sketch-app]: https://www.sketch.com
+[figma-app]: https://www.figma.com
+[ae-app]: https://www.adobe.com/products/aftereffects.html
+[illustrator-app]: https://www.adobe.com/products/illustrator.html
+[lottie]: https://airbnb.design/lottie/
+[pascal-website]: https://pascalcoin.org
+[pascal-explorer]: https://explore.pascalcoin.org
+[free-pasa]: https://freepasa.org

+ 65 - 0
PIP/PIP-0034A_overview.md

@@ -0,0 +1,65 @@
+# PIP-0034A Overview: Website UI/UX Redesigns
+## Full PIP: https://github.com/yekta/PascalCoin/blob/master/PIP/PIP-0034A.md
+
+## Overview
+The websites of a cryptocurrency often serves a gateway to bring potential new users by introducing them to the project. They also act as a news source and a wiki for existing users to learn more about the cryptocurrency. The content of these websites often seen by the new users as an initial way of judging the potential of given project. Because of these reasons, the websites need to be intriguing, understandable and beautiful while clearly communicating the core values and the products that the cryptocurrency offers.
+
+We are proposing to redesign the user interface and the user experience of [pascalcoin.org][pascal-website], [explore.pascalcoin.org][pascal-explorer], and [freepasa.org][free-pasa] by applying these principles while adhering to existing code-structure/frameworks.
+
+## Deliverables
+1) The design of the website including all the source files, animations, illustrations, and the implementation guide.
+2) Application of the suggestions and revision(s) (up to 3 rounds of revisions).
+
+## Timeline
+* Completion of deliverable #1: 12 days.
+* Completion of deliverable #2: 2-6 days (varies depending on the number of revision requests).
+
+## Payment Schedule
+* $2000: Upon completion of (1).
+* $500: Upon completion of (2).
+
+Total: $2500
+
+(It is extremely rare that more than 3 rounds of revision requests are required, but if that's the case, each round of revision after the 3rd one will cost additional $250)
+
+## Licensing
+The design, artwork, animations, and other assets that are created by us for this proposal will be released under [**CC0**][creative-commons] license, or any license suggested by PascalCoin Foundation.
+
+## Background
+We encourage you to check out some other websites and application that have been designed and developed by us. These are listed below:
+
+| Link | Description |
+| :----- | :------ |
+[natrium.io](https://natrium.io) | NANO Wallet, developed with Flutter. Available on the iOS App Store and Google Play Store (Open Source)
+[blaise wallet](https://appditto.com/blaisevideo) | Blaise Wallet, which we are currently developing for PascalCoin
+[kalium.banano.cc](https://kalium.banano.cc) | BANANO Wallet, developed with Flutter. Available on the iOS App Store and Google Play Store (Open Source)
+[monkeytalks.cc](https://monkeytalks.cc) | Monkey Talks - open source on-chain chat and faucet for BANANO developed with Vue and Python (Open Source)
+[nanopaperwallet.com](https://nanopaperwallet.com) | Paper wallet generator for NANO (Open Source)
+[bananominer.com](https://bananominer.com) | Folding@Home faucet for BANANO
+[banano.cc](https://banano.cc) | BANANO's website
+[appditto.com](https://appditto.com) | Appditto website
+[loopelf.com](https://loopelf.com) | Loop animations for neat projects
+[sinenur.art](https://sinenur.art) | A website for an aspiring industrial designer
+[animations](https://www.2dimensions.com/a/yekta/files/recent/all) | Various flare animations created by us
+
+### Natrium
+![Natrium](resources/PIP-0034A/natrium.jpg)
+
+### Banano Website
+![Banano Website](resources/PIP-0034A/banano-website.png)
+
+### Blaise Wallet
+![Blaise Wallet](resources/PIP-0034A/blaise.jpg)
+
+### Banano Miner
+![Banano Miner](resources/PIP-0034A/banano-miner.png)
+
+[creative-commons]: https://creativecommons.org/share-your-work/public-domain/cc0/
+[sketch-app]: https://www.sketch.com
+[figma-app]: https://www.figma.com
+[ae-app]: https://www.adobe.com/products/aftereffects.html
+[illustrator-app]: https://www.adobe.com/products/illustrator.html
+[lottie]: https://airbnb.design/lottie/
+[pascal-website]: https://pascalcoin.org
+[pascal-explorer]: https://explore.pascalcoin.org
+[free-pasa]: https://freepasa.org

+ 34 - 32
PIP/README.md

@@ -5,41 +5,43 @@ If they wish to continue, copy [this template](PIP-template.md) and ensure your
 
 ## All PIPs
 
-| Number                | Title                                    | Owner                          | Type           | Status   |
-| :-------------------: | :--------------------------------------- | :----------------------------  | :------------  | :------- |
-| [1](PIP-0001.md)      | PIP Purpose and Guidelines               | Herman Schoenfeld              | Process        | Draft    |
-| [2](PIP-0002.md)      | In-protocol PASA Exchange                | Albert Molina                  | Protocol       | Active   |
-| [3](PIP-0003.md)      | Infinite Scaling via Deletable Blockchain| Herman Schoenfeld              | Protocol       | Active   |
-| [4](PIP-0004.md)      | Account Names and Types                  | Herman Schoenfeld              | Protocol       | Active   |
-| [5](PIP-0005.md)      | Stablised difficulty algorithm           | Albert Molina                  | Protocol       | Active   |
-| [6](PIP-0006.md)      | Salvage orphaned transactions            | Herman Schoenfeld              | Protocol       | Active   |
-| [7](PIP-0007.md)      | New Wallet GUI                           | Herman Schoenfeld              | Front-End      | Draft    |
-| [8](PIP-0008.md)      | Hook(s) to start external programs       | Preben Björn Biermann Madsen   | Backend        | Draft    |
-| [9](PIP-0009.md)      | RandomHash: GPU & ASIC Resistant Hash Algorithm | Herman Schoenfeld       | Protocol       | Active   |
-| [10](PIP-0010.md)     | 50% Inflation Reduction                  | Herman Schoenfeld              | Protocol       | Active   |
-| [11](PIP-0011.md)     | 20% Developer Reward                     | Herman Schoenfeld              | Protocol       | Active   |
-| [12](PIP-0012.md)     | Change account recovery to 10 years      | Herman Schoenfeld              | Protocol       | Proposed |
-| [13](PIP-0013.md)     | Allow nodes to pull pending operations   | Herman Schoenfeld              | Protocol       | Active   |
-| [14](PIP-0014.md)     | New operation to certify accounts for extended recovery period   | Dr. Muhammad Amer       | Protocol       | Proposed |
-| [15](PIP-0015.md)     | Fast Block Propagation                   | Herman Schoenfeld              | Protocol       | Active |
+| Number                | Title                                         | Owner                          | Type           | Status   |
+| :-------------------: | :-------------------------------------------- | :----------------------------  | :------------  | :------- |
+| [1](PIP-0001.md)      | PIP Purpose and Guidelines                    | Herman Schoenfeld              | Process        | Draft    |
+| [2](PIP-0002.md)      | In-protocol PASA Exchange                     | Albert Molina                  | Protocol       | Active   |
+| [3](PIP-0003.md)      | Infinite Scaling via Deletable Blockchain     | Herman Schoenfeld              | Protocol       | Active   |
+| [4](PIP-0004.md)      | Account Names and Types                       | Herman Schoenfeld              | Protocol       | Active   |
+| [5](PIP-0005.md)      | Stablised difficulty algorithm                | Albert Molina                  | Protocol       | Active   |
+| [6](PIP-0006.md)      | Salvage orphaned transactions                 | Herman Schoenfeld              | Protocol       | Active   |
+| [7](PIP-0007.md)      | New Wallet GUI                                | Herman Schoenfeld              | Front-End      | Draft    |
+| [8](PIP-0008.md)      | Hook(s) to start external programs            | Preben Björn Biermann Madsen   | Backend        | Draft    |
+| [9](PIP-0009.md)      | RandomHash: GPU & ASIC Resistant Hash Algorithm | Herman Schoenfeld            | Protocol       | Active   |
+| [10](PIP-0010.md)     | 50% Inflation Reduction                       | Herman Schoenfeld              | Protocol       | Active   |
+| [11](PIP-0011.md)     | 20% Developer Reward                          | Herman Schoenfeld              | Protocol       | Active   |
+| [12](PIP-0012.md)     | Change account recovery to 10 years           | Herman Schoenfeld              | Protocol       | Proposed |
+| [13](PIP-0013.md)     | Allow nodes to pull pending operations        | Herman Schoenfeld              | Protocol       | Active   |
+| [14](PIP-0014.md)     | New operation to certify accounts for extended recovery period  | Dr. Muhammad Amer       | Protocol       | Proposed |
+| [15](PIP-0015.md)     | Fast Block Propagation                        | Herman Schoenfeld              | Protocol       | Active |
 | [16](PIP-0016.md)     | DATA-OP: In-Protocol Data Exchange (Layer-2 support)   | Herman Schoenfeld              | Protocol       | Active |
-| [17](PIP-0017.md)     | MULTI-OP: atomic batch operations   | Herman Schoenfeld          | Protocol       | Active   |
-| [18](PIP-0018.md)     | 10% funding allocation for Lazarus/FPC   | Herman Schoenfeld              | Process        | Proposed |
+| [17](PIP-0017.md)     | MULTI-OP: atomic batch operations             | Herman Schoenfeld              | Protocol       | Active   |
+| [18](PIP-0018.md)     | 10% funding allocation for Lazarus/FPC        | Herman Schoenfeld              | Process        | Proposed |
 | [19](PIP-0019.md)     | Balance recovered from lost accounts to be sent to developers fund   | Dr. Muhammad Amer   | Protocol        | Draft |
-| [20](PIP-0020.md)     | 6-month PascalCoin Foundation Budget Appropriations   | Herman Schoenfeld   | Process        | Withdrawn |
-| [21](PIP-0021.md)     | Agreement For Funding                      | Herman Schoenfeld             | Process        | Active |
-| [22](PIP-0022.md)     | Continuous Integration                      | Benjamin Ansbach             | Process        | Draft |
-| [23](PIP-0023.md)     | JSON RPC PASCURRENCY format                 | Benjamin Ansbach     | Backend, Documentation | Draft |
-| [24](PIP-0024.md)     | Account Data                                | Herman Schoenfeld            | Protocol       | Draft |
-| [26](PIP-0026.md)     | URI Scheme Proposal                                | Ugochukwu Mmaduekwe            | Front-End       | Draft |
-| [27](PIP-0027.md)     | E-PASA: Infinite Address-Space (via Layer-2)  | Herman Schoenfeld            | Protocol, Front-End    | Accepted |
+| [20](PIP-0020.md)     | 6-month PascalCoin Foundation Budget Appropriations   | Herman Schoenfeld      | Process        | Withdrawn |
+| [21](PIP-0021.md)     | Agreement For Funding                         | Herman Schoenfeld              | Process        | Active |
+| [22](PIP-0022.md)     | Continuous Integration                        | Benjamin Ansbach               | Process        | Draft |
+| [23](PIP-0023.md)     | JSON RPC PASCURRENCY format                   | Benjamin Ansbach               | Backend, Documentation | Draft |
+| [24](PIP-0024.md)     | Account Data                                  | Herman Schoenfeld              | Protocol       | Draft |
+| [26](PIP-0026.md)     | URI Scheme Proposal                           | Ugochukwu Mmaduekwe            | Front-End       | Draft |
+| [27](PIP-0027.md)     | E-PASA: Infinite Address-Space (via Layer-2)  | Herman Schoenfeld              | Protocol, Front-End    | Accepted |
 | [28](PIP-0028.md)     | E-OP: Layer-2 operation encoding standard for smart-contracts | Herman Schoenfeld            | Front-End       | Withdrawn |
 | [29](PIP-0029.md)     | Account Seals: Cryptographically Secure Account Histories  | Herman Schoenfeld            | Protocol   | Active |
-| [30](PIP-0030.md)     | SafeBoxRoot: Deletable SafeBox and Light-Nodes  | Herman Schoenfeld          | Protocol   | Active |
-| [31A](PIP-0031A.md)   | New Wallet: Multi-Platform & Multi-Paradigm   | Herman Schoenfeld            | User Interface   | Withdrawn |
-| [31B](PIP-0031B.md)   | New GUI Wallet                                | mosu_forge                   | User Interface  | Accepted |
-| [31C](PIP-0031C.md)   | New Wallet: Multi-Platform                    | Herman Schoenfeld            | User Interface   | Accepted |
-| [31D](https://github.com/davidbolet/PascWallet)   | New Wallet: Multi-Platform & Multi-Paradigm   | David Bolet       | User Interface   | Rejected |
-| [32A](PIP-0032A.md)   | Atomic Swaps via Hash-Locked Accounts         | Herman Schoenfeld            | Protocol   | Proposed |
+| [30](PIP-0030.md)     | SafeBoxRoot: Deletable SafeBox and Light-Nodes| Herman Schoenfeld              | Protocol   | Active |
+| [31A](PIP-0031A.md)   | New Wallet: Multi-Platform & Multi-Paradigm   | Herman Schoenfeld              | User Interface   | Withdrawn |
+| [31B](PIP-0031B.md)   | New GUI Wallet                                | mosu_forge                     | User Interface  | Accepted |
+| [31C](PIP-0031C.md)   | New Wallet: Multi-Platform                    | Appditto                       | User Interface   | Accepted |
+| [31D](https://github.com/davidbolet/PascWallet)   | New Wallet: Multi-Platform & Multi-Paradigm  |  David Bolet       | User Interface   | Rejected |
+| [32A](PIP-0032A.md)   | Atomic Swaps via Hash-Locked Accounts         | Herman Schoenfeld              | Protocol   | Proposed |
+| [33](PIP-0033.md)     | DATA operation RPC implementation             | Benjamin Ansbach               | Backend    | Proposed |
+| [34A](PIP-0034A.md)   | Website UI/UX Redesigns                       | Appditto                       | Website    | Proposed |
 
 

BIN
PIP/resources/PIP-0034A/banano-miner.png


BIN
PIP/resources/PIP-0034A/banano-website.png


BIN
PIP/resources/PIP-0034A/blaise.jpg


BIN
PIP/resources/PIP-0034A/natrium.jpg