PascalCoin/PIP/PIP-0034A.md

  PIP: PIP-0034A
  Title: Website UI/UX Redesigns
  Type: UI/UX Design
  Impact: None
  Author(s): Appditto 
  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

Summary

It is proposed to redesign the user interface and the user experience of pascalcoin.org, explore.pascalcoin.org, and freepasa.org. 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 license, or any license suggested by PascalCoin Foundation.

Components

The redesign is comprised of the following components:

• Sketch and Figma 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 and Figma 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. These will be shared in case another animator wants to edit the animations in the future. After Effects 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 (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*) 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	NANO Wallet, developed with Flutter. Available on the iOS App Store and Google Play Store (Open Source)
blaise wallet	Blaise Wallet, which we are currently developing for PascalCoin
kalium.banano.cc	BANANO Wallet, developed with Flutter. Available on the iOS App Store and Google Play Store (Open Source)
monkeytalks.cc	Monkey Talks - open source on-chain chat and faucet for BANANO developed with Vue and Python (Open Source)
nanopaperwallet.com	Paper wallet generator for NANO (Open Source)
bananominer.com	Folding@Home faucet for BANANO
banano.cc	BANANO's website
appditto.com	Appditto website
loopelf.com	Loop animations for neat projects
sinenur.art	A website for an aspiring industrial designer
animations	Various flare animations created by us

Natrium

Banano Website

Blaise Wallet

Banano Miner

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
2. Figma
3. After Effects
4. Lottie