![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 13.73 12.115 C 13.506 12.538 13.114 12.867 12.554 13.104 C 12.007 13.34 11.409 13.459 10.762 13.459 C 10.115 13.459 9.524 13.347 8.989 13.123 C 8.454 12.899 8.068 12.575 7.832 12.152 C 5.965 8.705 4.229 5.32 2.624 1.997 C 2.437 1.599 2.344 1.294 2.344 1.083 C 2.344 0.411 2.649 0.075 3.258 0.075 L 8.653 0.037 C 9.114 0.037 9.462 0.118 9.698 0.28 C 9.947 0.442 10.165 0.765 10.352 1.251 L 12.162 5.88 C 12.237 6.079 12.374 6.179 12.573 6.179 C 12.772 6.179 12.921 6.079 13.021 5.88 L 15.466 0.579 C 15.628 0.243 15.802 0.056 15.989 0.019 C 16.064 0.006 16.194 0 16.381 0 L 18.528 0.037 C 18.764 0.037 18.932 0.149 19.032 0.373 C 19.069 0.46 19.088 0.566 19.088 0.691 C 19.088 0.815 18.945 1.157 18.658 1.717 C 18.385 2.277 17.657 3.833 16.474 6.384 C 15.305 8.935 14.39 10.845 13.73 12.115 Z M 3.33 9.078 C 3.589 8.934 3.977 8.893 4.493 8.954 L 5.034 9.016 C 5.658 10.212 6.298 11.416 6.954 12.628 L 6.957 12.634 L 6.96 12.639 C 7.326 13.294 7.905 13.752 8.604 14.045 C 9.275 14.326 9.999 14.458 10.763 14.458 C 11.535 14.458 12.269 14.317 12.952 14.022 L 12.952 14.021 C 13.662 13.72 14.258 13.256 14.615 12.582 L 14.619 12.575 C 14.967 11.905 15.383 11.062 15.867 10.05 L 16.675 10.116 C 17.342 10.281 17.706 10.662 18.01 11.045 C 18.28 11.441 18.388 11.941 18.335 12.547 C 18.289 13.142 18.114 13.725 17.811 14.297 C 17.509 14.869 17.134 15.339 16.686 15.708 C 16.237 16.076 15.771 16.266 15.286 16.277 C 11.367 16.317 5.229 16.269 1.542 16.136 C 1.102 16.114 0.789 16.054 0.602 15.956 C 0.008 15.641 -0.146 15.215 0.139 14.676 L 2.627 9.889 C 2.842 9.482 3.076 9.212 3.33 9.078 Z" fill="transparent" height="16.29067823623097px" id="cAY_I5ldT" transform="translate(0.5 1.834)" width="19.0877px"><path d="M 11.387 12.115 C 11.163 12.538 10.771 12.867 10.211 13.104 C 9.663 13.34 9.066 13.459 8.419 13.459 C 7.772 13.459 7.18 13.347 6.645 13.123 C 6.11 12.899 5.724 12.575 5.488 12.152 C 3.621 8.705 1.885 5.32 0.28 1.997 C 0.093 1.599 0 1.294 0 1.083 C 0 0.411 0.305 0.075 0.915 0.075 L 6.309 0.037 C 6.77 0.037 7.118 0.118 7.355 0.28 C 7.604 0.442 7.821 0.765 8.008 1.251 L 9.819 5.88 C 9.893 6.079 10.03 6.179 10.229 6.179 C 10.428 6.179 10.578 6.079 10.677 5.88 L 13.123 0.579 C 13.284 0.243 13.459 0.056 13.645 0.019 C 13.72 0.006 13.851 0 14.037 0 L 16.184 0.037 C 16.42 0.037 16.588 0.149 16.688 0.373 C 16.725 0.46 16.744 0.566 16.744 0.691 C 16.744 0.815 16.601 1.157 16.315 1.717 C 16.041 2.277 15.313 3.833 14.131 6.384 C 12.961 8.935 12.046 10.845 11.387 12.115 Z" fill="rgb(0, 0, 0)" height="13.4587px" id="FL_ZbtWXJ" transform="translate(2.344 0)" width="16.74395px"/><path d="M 3.33 0.152 C 3.589 0.007 3.977 -0.034 4.493 0.028 L 5.034 0.089 C 5.658 1.286 6.298 2.49 6.954 3.701 L 6.957 3.707 L 6.96 3.713 C 7.326 4.367 7.905 4.825 8.604 5.118 C 9.275 5.399 9.999 5.531 10.763 5.531 C 11.535 5.531 12.269 5.39 12.952 5.095 L 12.952 5.095 C 13.662 4.793 14.258 4.329 14.615 3.655 L 14.619 3.649 C 14.967 2.978 15.383 2.135 15.867 1.123 L 16.675 1.19 C 17.342 1.354 17.706 1.735 18.01 2.118 C 18.28 2.514 18.388 3.015 18.335 3.62 C 18.289 4.215 18.114 4.798 17.811 5.37 C 17.509 5.942 17.134 6.413 16.686 6.781 C 16.237 7.15 15.771 7.339 15.286 7.351 C 11.367 7.39 5.229 7.343 1.542 7.209 C 1.102 7.188 0.789 7.128 0.602 7.029 C 0.008 6.715 -0.146 6.288 0.139 5.749 L 2.627 0.962 C 2.842 0.555 3.076 0.285 3.33 0.152 Z" fill="rgb(0, 0, 0)" height="7.36396143172658px" id="D40kHLO7D" transform="translate(0 8.927)" width="18.348237373622723px"/></g></svg>)
Pill
Reminder
App & web
Organized layers
Fully Customizable
Responsive Design
21+
PAGES
About the
Project
A medicine reminder and storage app. It has numuerous features which are scanning directly a medicine/PRN to add the items to medbox, user can now refer the uses of medicine just by searching the medicine.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z M 69.986 49.743 C 69.986 50.993 68.944 51.973 67.764 51.973 L 65.542 51.973 L 65.59 63.09 C 65.589 63.278 65.578 63.466 65.556 63.653 L 65.556 64.778 C 65.556 65.515 65.264 66.222 64.743 66.743 C 64.222 67.264 63.515 67.556 62.778 67.556 L 61.667 67.556 C 61.59 67.556 61.514 67.493 61.437 67.549 C 61.34 67.493 61.243 67.556 61.146 67.556 L 57.222 67.556 C 56.485 67.556 55.779 67.264 55.258 66.743 C 54.737 66.222 54.444 65.515 54.444 64.778 L 54.444 58.667 C 54.445 58.078 54.211 57.512 53.794 57.095 C 53.377 56.678 52.812 56.444 52.222 56.445 L 47.778 56.445 C 47.189 56.444 46.623 56.678 46.206 57.095 C 45.79 57.512 45.556 58.078 45.556 58.667 L 45.556 64.777 C 45.557 65.514 45.264 66.221 44.743 66.742 C 44.222 67.264 43.515 67.556 42.778 67.556 L 38.896 67.556 C 38.792 67.555 38.687 67.55 38.583 67.542 C 38.5 67.55 38.417 67.555 38.333 67.556 L 37.223 67.556 C 36.486 67.557 35.779 67.264 35.257 66.743 C 34.736 66.222 34.443 65.515 34.443 64.778 L 34.443 57 C 34.443 56.938 34.445 56.868 34.45 56.806 L 34.45 51.972 L 32.225 51.972 C 31.632 51.979 31.062 51.746 30.643 51.326 C 30.224 50.907 29.993 50.336 30 49.743 C 30 49.118 30.209 48.563 30.695 48.077 L 48.5 32.557 C 48.986 32.07 49.542 32 50.028 32 C 50.514 32 51.069 32.14 51.493 32.487 L 69.223 48.077 C 69.778 48.563 70.063 49.118 69.986 49.743 Z" fill="transparent" height="100px" id="S9ldfirnk" width="100px"><path d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z" fill="rgb(255, 255, 255)" height="100px" id="EKyAvk1RJ" width="100px"/><path d="M 39.986 17.743 C 39.986 18.993 38.944 19.973 37.764 19.973 L 35.542 19.973 L 35.59 31.09 C 35.589 31.278 35.578 31.466 35.556 31.653 L 35.556 32.778 C 35.556 33.515 35.264 34.222 34.743 34.743 C 34.222 35.264 33.515 35.556 32.778 35.556 L 31.667 35.556 C 31.59 35.556 31.514 35.493 31.437 35.549 C 31.34 35.493 31.243 35.556 31.146 35.556 L 27.222 35.556 C 26.485 35.556 25.779 35.264 25.258 34.743 C 24.737 34.222 24.444 33.515 24.444 32.778 L 24.444 26.667 C 24.445 26.078 24.211 25.512 23.794 25.095 C 23.377 24.678 22.812 24.444 22.222 24.445 L 17.778 24.445 C 17.189 24.444 16.623 24.678 16.206 25.095 C 15.79 25.512 15.556 26.078 15.556 26.667 L 15.556 32.777 C 15.557 33.514 15.264 34.221 14.743 34.742 C 14.222 35.264 13.515 35.556 12.778 35.556 L 8.896 35.556 C 8.792 35.555 8.687 35.55 8.583 35.542 C 8.5 35.55 8.417 35.555 8.333 35.556 L 7.223 35.556 C 6.486 35.557 5.779 35.264 5.257 34.743 C 4.736 34.222 4.443 33.515 4.443 32.778 L 4.443 25 C 4.443 24.938 4.445 24.868 4.45 24.806 L 4.45 19.972 L 2.225 19.972 C 1.632 19.979 1.062 19.746 0.643 19.326 C 0.224 18.907 -0.007 18.336 0 17.743 C 0 17.118 0.209 16.563 0.695 16.077 L 18.5 0.557 C 18.986 0.07 19.542 0 20.028 0 C 20.514 0 21.069 0.14 21.493 0.487 L 39.223 16.077 C 39.778 16.563 40.063 17.118 39.986 17.743 Z" fill="rgb(82, 209, 190)" height="35.55600162298998px" id="UU7sHABtU" transform="translate(30 32)" width="39.99857687318743px"/></g></svg>)
Easy Navigation
Made the flows & functionality easier
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z M 38.26 41.13 L 38.26 55.65 L 34.63 55.65 L 34.63 40.223 C 34.635 38.722 35.851 37.505 37.352 37.5 L 49.151 37.5 L 49.151 41.13 Z M 49.15 57.414 L 49.15 62.859 L 34.63 62.859 C 32.63 62.859 31 61.229 31 59.229 L 31 58.321 C 31.004 57.821 31.408 57.417 31.908 57.414 Z M 66.553 37.5 L 53.877 37.5 C 53.246 37.5 52.642 37.751 52.196 38.197 C 51.75 38.643 51.5 39.247 51.5 39.878 L 51.5 60.476 C 51.5 61.789 52.564 62.853 53.877 62.853 L 66.553 62.853 C 67.866 62.853 68.93 61.789 68.93 60.476 L 68.93 39.878 C 68.93 38.565 67.866 37.501 66.553 37.501 Z M 62.592 59.64 C 62.592 60.12 62.235 60.476 61.8 60.476 L 58.586 60.476 C 58.195 60.476 57.838 60.12 57.838 59.684 C 57.838 59.248 58.195 58.892 58.631 58.892 L 61.8 58.892 C 62.235 58.892 62.592 59.248 62.592 59.639 Z M 62.754 59.248 C 62.754 59.728 62.397 60.084 61.962 60.084 L 58.748 60.084 C 58.357 60.084 58 59.728 58 59.292 C 58 58.856 58.357 58.5 58.793 58.5 L 61.962 58.5 C 62.397 58.5 62.754 58.856 62.754 59.247 Z" fill="transparent" height="100px" id="KpTeaDYMQ" transform="translate(0 1)" width="100px"><path d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z" fill="rgb(255, 255, 255)" height="100px" id="kmZY8KEe9" width="100px"/><path d="M 7.26 3.63 L 7.26 18.15 L 3.63 18.15 L 3.63 2.723 C 3.635 1.222 4.851 0.005 6.352 0 L 18.151 0 L 18.151 3.63 Z M 18.15 19.914 L 18.15 25.359 L 3.63 25.359 C 1.63 25.359 0 23.729 0 21.729 L 0 20.821 C 0.004 20.321 0.408 19.917 0.908 19.914 Z" fill="rgb(255, 73, 73)" height="25.358999557495125px" id="nd7RiYxnN" transform="translate(31 37.5)" width="18.15100011444092px"/><path d="M 15.053 0 L 2.377 0 C 1.746 0 1.142 0.251 0.696 0.697 C 0.25 1.143 0 1.747 0 2.378 L 0 22.976 C 0 24.289 1.064 25.353 2.377 25.353 L 15.053 25.353 C 16.366 25.353 17.43 24.289 17.43 22.976 L 17.43 2.378 C 17.43 1.065 16.366 0.001 15.053 0.001 Z M 11.092 22.14 C 11.092 22.62 10.735 22.976 10.3 22.976 L 7.086 22.976 C 6.695 22.976 6.338 22.62 6.338 22.184 C 6.338 21.748 6.695 21.392 7.131 21.392 L 10.3 21.392 C 10.735 21.392 11.092 21.748 11.092 22.139 Z" fill="rgb(255, 73, 73)" height="25.353px" id="mXkvmRtrN" transform="translate(51.5 37.5)" width="17.43000021065371px"/><path d="M 4.754 0.748 C 4.754 1.228 4.397 1.584 3.962 1.584 L 0.748 1.584 C 0.357 1.584 0 1.228 0 0.792 C 0 0.356 0.357 0 0.793 0 L 3.962 0 C 4.397 0 4.754 0.356 4.754 0.747 Z" fill="rgb(255, 255, 255)" height="1.5840000000000032px" id="DT77wOjd0" transform="translate(58 58.5)" width="4.754000000000019px"/></g></svg>)
Responsive
Designed for mobile app & website
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z M 44.12 50.363 C 44.135 48.158 45.18 46.088 46.944 44.767 L 64.352 31.707 C 65.722 30.68 67.63 30.782 68.882 31.948 C 70.131 33.117 70.363 35.012 69.433 36.448 L 57.542 54.834 C 56.431 56.554 54.628 57.708 52.6 57.997 Z M 51.181 60.417 C 51.181 62.601 50.314 64.697 48.769 66.242 C 47.224 67.786 45.128 68.654 42.944 68.653 L 32.353 68.653 C 31.054 68.653 30 67.599 30 66.299 C 30 64.999 31.054 63.946 32.353 63.946 L 32.707 63.946 C 34.004 63.946 34.883 62.556 34.75 61.27 C 34.722 60.986 34.707 60.702 34.707 60.417 C 34.707 55.975 38.229 52.349 42.627 52.187 L 51.165 59.865 C 51.173 59.983 51.181 60.233 51.181 60.417 Z" fill="transparent" height="100px" id="Kmz4Bss2I" transform="translate(0 1)" width="100px"><path d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z" fill="rgb(255, 255, 255)" height="100px" id="N3ddyrDeo" width="100px"/><path d="M 14.12 19.363 C 14.135 17.158 15.18 15.088 16.944 13.767 L 34.352 0.707 C 35.722 -0.32 37.63 -0.218 38.882 0.948 C 40.131 2.117 40.363 4.012 39.433 5.448 L 27.542 23.834 C 26.431 25.554 24.628 26.708 22.6 26.997 Z M 21.181 29.417 C 21.181 31.601 20.314 33.697 18.769 35.242 C 17.224 36.786 15.128 37.654 12.944 37.653 L 2.353 37.653 C 1.054 37.653 0 36.599 0 35.299 C 0 33.999 1.054 32.946 2.353 32.946 L 2.707 32.946 C 4.004 32.946 4.883 31.556 4.75 30.27 C 4.722 29.986 4.707 29.702 4.707 29.417 C 4.707 24.975 8.229 21.349 12.627 21.187 L 21.165 28.865 C 21.173 28.983 21.181 29.233 21.181 29.417 Z" fill="rgb(148, 114, 244)" height="37.65268653550677px" id="NzXiWsidA" transform="translate(30 31)" width="40.00125857660083px"/></g></svg>)
Customizable
Layouts are changable according to user preference
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z M 30 30 L 70 30 L 70 70 L 30 70 Z M 33.448 70 C 31.544 70 30 68.456 30 66.552 L 30 33.448 C 30 31.544 31.544 30 33.448 30 L 33.449 30 C 35.353 30 36.897 31.544 36.897 33.448 L 36.897 66.552 C 36.897 68.456 35.353 70 33.449 70 Z M 70 66.552 C 70 68.456 68.456 70 66.552 70 L 33.448 70 C 31.544 70 30 68.456 30 66.552 L 30 66.551 C 30 64.647 31.544 63.103 33.448 63.103 L 66.552 63.103 C 68.456 63.103 70 64.647 70 66.551 Z M 44.483 36.897 C 42.579 36.897 41.035 35.353 41.035 33.449 L 41.035 33.448 C 41.035 31.544 42.579 30 44.483 30 L 44.484 30 C 46.388 30 47.932 31.544 47.932 33.448 L 47.932 33.449 C 47.932 35.353 46.388 36.897 44.484 36.897 Z M 55.518 36.897 C 53.614 36.897 52.07 35.353 52.07 33.449 L 52.07 33.448 C 52.07 31.544 53.614 30 55.518 30 L 55.519 30 C 57.423 30 58.967 31.544 58.967 33.448 L 58.967 33.449 C 58.967 35.353 57.423 36.897 55.519 36.897 Z M 66.55 36.897 C 64.646 36.897 63.102 35.353 63.102 33.449 L 63.102 33.448 C 63.102 31.544 64.646 30 66.55 30 L 66.551 30 C 68.455 30 69.999 31.544 69.999 33.448 L 69.999 33.449 C 69.999 35.353 68.455 36.897 66.551 36.897 Z M 66.55 47.932 C 64.646 47.932 63.102 46.388 63.102 44.484 L 63.102 44.483 C 63.102 42.579 64.646 41.035 66.55 41.035 L 66.551 41.035 C 68.455 41.035 69.999 42.579 69.999 44.483 L 69.999 44.484 C 69.999 46.388 68.455 47.932 66.551 47.932 Z M 66.55 58.965 C 64.646 58.965 63.102 57.421 63.102 55.517 L 63.102 55.516 C 63.102 53.612 64.646 52.068 66.55 52.068 L 66.551 52.068 C 68.455 52.068 69.999 53.612 69.999 55.516 L 69.999 55.517 C 69.999 57.421 68.455 58.965 66.551 58.965 Z" fill="transparent" height="100px" id="kzzN_V7qd" transform="translate(0 1)" width="100px"><path d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z" fill="rgb(255, 255, 255)" height="100px" id="ZkTT9jQbE" width="100px"/><g d="M 0 0 L 40 0 L 40 40 L 0 40 Z M 3.448 40 C 1.544 40 0 38.456 0 36.552 L 0 3.448 C 0 1.544 1.544 0 3.448 0 L 3.449 0 C 5.353 0 6.897 1.544 6.897 3.448 L 6.897 36.552 C 6.897 38.456 5.353 40 3.449 40 Z M 40 36.552 C 40 38.456 38.456 40 36.552 40 L 3.448 40 C 1.544 40 0 38.456 0 36.552 L 0 36.551 C 0 34.647 1.544 33.103 3.448 33.103 L 36.552 33.103 C 38.456 33.103 40 34.647 40 36.551 Z M 14.483 6.897 C 12.579 6.897 11.035 5.353 11.035 3.449 L 11.035 3.448 C 11.035 1.544 12.579 0 14.483 0 L 14.484 0 C 16.388 0 17.932 1.544 17.932 3.448 L 17.932 3.449 C 17.932 5.353 16.388 6.897 14.484 6.897 Z M 25.518 6.897 C 23.614 6.897 22.07 5.353 22.07 3.449 L 22.07 3.448 C 22.07 1.544 23.614 0 25.518 0 L 25.519 0 C 27.423 0 28.967 1.544 28.967 3.448 L 28.967 3.449 C 28.967 5.353 27.423 6.897 25.519 6.897 Z M 36.55 6.897 C 34.646 6.897 33.102 5.353 33.102 3.449 L 33.102 3.448 C 33.102 1.544 34.646 0 36.55 0 L 36.551 0 C 38.455 0 39.999 1.544 39.999 3.448 L 39.999 3.449 C 39.999 5.353 38.455 6.897 36.551 6.897 Z M 36.55 17.932 C 34.646 17.932 33.102 16.388 33.102 14.484 L 33.102 14.483 C 33.102 12.579 34.646 11.035 36.55 11.035 L 36.551 11.035 C 38.455 11.035 39.999 12.579 39.999 14.483 L 39.999 14.484 C 39.999 16.388 38.455 17.932 36.551 17.932 Z M 36.55 28.965 C 34.646 28.965 33.102 27.421 33.102 25.517 L 33.102 25.516 C 33.102 23.612 34.646 22.068 36.55 22.068 L 36.551 22.068 C 38.455 22.068 39.999 23.612 39.999 25.516 L 39.999 25.517 C 39.999 27.421 38.455 28.965 36.551 28.965 Z" fill="transparent" height="40.00000064086914px" id="WmSSP5cMM" transform="translate(30 30)" width="40px"><path d="M 0 0 L 40 0 L 40 40 L 0 40 Z" fill="transparent" height="40px" id="U9xlc67NS" width="40px"/><path d="M 3.448 40 C 1.544 40 0 38.456 0 36.552 L 0 3.448 C 0 1.544 1.544 0 3.448 0 L 3.449 0 C 5.353 0 6.897 1.544 6.897 3.448 L 6.897 36.552 C 6.897 38.456 5.353 40 3.449 40 Z" fill="rgb(249, 192, 103)" height="40px" id="Xss1oq0Nx" width="6.897000000000006px"/><path d="M 40 3.449 C 40 5.353 38.456 6.897 36.552 6.897 L 3.448 6.897 C 1.544 6.897 0 5.353 0 3.449 L 0 3.448 C 0 1.544 1.544 0 3.448 0 L 36.552 0 C 38.456 0 40 1.544 40 3.448 Z" fill="rgb(249, 192, 103)" height="6.8969999999999985px" id="YNQDLHvnr" transform="translate(0 33.103)" width="40px"/><path d="M 3.448 6.897 C 1.544 6.897 0 5.353 0 3.449 L 0 3.448 C 0 1.544 1.544 0 3.448 0 L 3.449 0 C 5.353 0 6.897 1.544 6.897 3.448 L 6.897 3.449 C 6.897 5.353 5.353 6.897 3.449 6.897 Z" fill="rgb(249, 192, 103)" height="6.897000000000006px" id="fgOcaJvDW" transform="translate(11.035 0)" width="6.897000000000006px"/><path d="M 3.448 6.897 C 1.544 6.897 0 5.353 0 3.449 L 0 3.448 C 0 1.544 1.544 0 3.448 0 L 3.449 0 C 5.353 0 6.897 1.544 6.897 3.448 L 6.897 3.449 C 6.897 5.353 5.353 6.897 3.449 6.897 Z" fill="rgb(249, 192, 103)" height="6.897000000000006px" id="GlYtdMWDb" transform="translate(22.07 0)" width="6.897000000000006px"/><path d="M 3.448 6.897 C 1.544 6.897 0 5.353 0 3.449 L 0 3.448 C 0 1.544 1.544 0 3.448 0 L 3.449 0 C 5.353 0 6.897 1.544 6.897 3.448 L 6.897 3.449 C 6.897 5.353 5.353 6.897 3.449 6.897 Z" fill="rgb(249, 192, 103)" height="6.897000000000006px" id="AqzZpFbU2" transform="translate(33.102 0)" width="6.8969999999999985px"/><path d="M 3.448 6.897 C 1.544 6.897 0 5.353 0 3.449 L 0 3.448 C 0 1.544 1.544 0 3.448 0 L 3.449 0 C 5.353 0 6.897 1.544 6.897 3.448 L 6.897 3.449 C 6.897 5.353 5.353 6.897 3.449 6.897 Z" fill="rgb(249, 192, 103)" height="6.897000000000006px" id="e36ctDR3B" transform="translate(33.102 11.035)" width="6.8969999999999985px"/><path d="M 3.448 6.897 C 1.544 6.897 0 5.353 0 3.449 L 0 3.448 C 0 1.544 1.544 0 3.448 0 L 3.449 0 C 5.353 0 6.897 1.544 6.897 3.448 L 6.897 3.449 C 6.897 5.353 5.353 6.897 3.449 6.897 Z" fill="rgb(249, 192, 103)" height="6.897000000000006px" id="dp7LzICoN" transform="translate(33.102 22.068)" width="6.8969999999999985px"/></g></g></svg>)
Style Sheet
A style sheet with all components, logo, and icons
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z M 40.047 38 L 44.283 38 L 54.396 61.247 L 48.617 61.247 L 46.615 56.322 L 37.585 56.322 L 35.648 61.247 L 30 61.247 Z M 42.017 44.764 L 39.194 51.987 L 44.874 51.987 L 42.018 44.764 Z M 65.469 59.244 L 65.403 59.244 C 64.883 60.075 64.113 60.719 63.203 61.083 C 62.297 61.457 61.326 61.646 60.346 61.641 C 59.602 61.641 58.88 61.531 58.179 61.313 C 57.523 61.127 56.909 60.815 56.373 60.393 C 55.848 59.977 55.422 59.45 55.126 58.85 C 54.819 58.237 54.666 57.526 54.666 56.716 C 54.666 55.796 54.83 55.019 55.159 54.384 C 55.497 53.763 55.968 53.225 56.538 52.808 C 57.149 52.383 57.826 52.061 58.541 51.856 C 59.285 51.616 60.051 51.44 60.839 51.331 C 61.634 51.223 62.434 51.157 63.236 51.134 C 63.98 51.113 64.725 51.102 65.469 51.101 C 65.469 50.225 65.151 49.536 64.516 49.032 C 63.904 48.507 63.17 48.244 62.316 48.244 C 61.506 48.244 60.762 48.419 60.084 48.77 C 59.41 49.112 58.808 49.58 58.311 50.149 L 55.684 47.456 C 56.609 46.599 57.706 45.95 58.902 45.552 C 60.124 45.115 61.413 44.892 62.711 44.895 C 64.155 44.895 65.337 45.081 66.257 45.453 C 67.198 45.803 67.942 46.329 68.49 47.029 C 69.059 47.729 69.453 48.595 69.672 49.623 C 69.891 50.63 70 51.801 70 53.137 L 70 61.247 L 65.469 61.247 Z M 64.254 54.253 C 63.882 54.253 63.411 54.275 62.842 54.319 C 62.297 54.34 61.757 54.428 61.233 54.581 C 60.754 54.722 60.308 54.956 59.92 55.271 C 59.57 55.577 59.394 56.004 59.394 56.551 C 59.394 57.142 59.646 57.581 60.15 57.865 C 60.629 58.143 61.172 58.29 61.726 58.292 C 62.207 58.292 62.666 58.226 63.105 58.095 C 63.565 57.963 63.969 57.777 64.32 57.537 C 64.67 57.296 64.943 56.989 65.14 56.617 C 65.36 56.245 65.469 55.807 65.469 55.304 L 65.469 54.253 Z" fill="transparent" height="100px" id="L9vLBgmpD" transform="translate(0 1)" width="100px"><path d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z" fill="rgb(255, 255, 255)" height="100px" id="eAgALqMlJ" width="100px"/><path d="M 10.047 0 L 14.283 0 L 24.396 23.247 L 18.617 23.247 L 16.615 18.322 L 7.585 18.322 L 5.648 23.247 L 0 23.247 Z M 12.017 6.764 L 9.194 13.987 L 14.874 13.987 L 12.018 6.764 Z M 35.469 21.244 L 35.403 21.244 C 34.883 22.075 34.113 22.719 33.203 23.083 C 32.297 23.457 31.326 23.646 30.346 23.641 C 29.602 23.641 28.88 23.531 28.179 23.313 C 27.523 23.127 26.909 22.815 26.373 22.393 C 25.848 21.977 25.422 21.45 25.126 20.85 C 24.819 20.237 24.666 19.526 24.666 18.716 C 24.666 17.796 24.83 17.019 25.159 16.384 C 25.497 15.763 25.968 15.225 26.538 14.808 C 27.149 14.383 27.826 14.061 28.541 13.856 C 29.285 13.616 30.051 13.44 30.839 13.331 C 31.634 13.223 32.434 13.157 33.236 13.134 C 33.98 13.113 34.725 13.102 35.469 13.101 C 35.469 12.225 35.151 11.536 34.516 11.032 C 33.904 10.507 33.17 10.244 32.316 10.244 C 31.506 10.244 30.762 10.419 30.084 10.77 C 29.41 11.112 28.808 11.58 28.311 12.149 L 25.684 9.456 C 26.609 8.599 27.706 7.95 28.902 7.552 C 30.124 7.115 31.413 6.892 32.711 6.895 C 34.155 6.895 35.337 7.081 36.257 7.453 C 37.198 7.803 37.942 8.329 38.49 9.029 C 39.059 9.729 39.453 10.595 39.672 11.623 C 39.891 12.63 40 13.801 40 15.137 L 40 23.247 L 35.469 23.247 Z M 34.254 16.253 C 33.882 16.253 33.411 16.275 32.842 16.319 C 32.297 16.34 31.757 16.428 31.233 16.581 C 30.754 16.722 30.308 16.956 29.92 17.271 C 29.57 17.577 29.394 18.004 29.394 18.551 C 29.394 19.142 29.646 19.581 30.15 19.865 C 30.629 20.143 31.172 20.29 31.726 20.292 C 32.207 20.292 32.666 20.226 33.105 20.095 C 33.565 19.963 33.969 19.777 34.32 19.537 C 34.67 19.296 34.943 18.989 35.14 18.617 C 35.36 18.245 35.469 17.807 35.469 17.304 L 35.469 16.253 Z" fill="rgb(82, 142, 255)" height="23.641112917532624px" id="xVq0r6PG8" transform="translate(30 38)" width="40.00000036621095px"/></g></svg>)
Free Font
A crispy typeface ‘avenir’ is used
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z M 32.5 51 C 31.395 51 30.5 50.105 30.5 49 L 30.5 38 C 30.5 36.895 31.395 36 32.5 36 L 43.5 36 C 44.605 36 45.5 36.895 45.5 38 L 45.5 49 C 45.5 50.105 44.605 51 43.5 51 Z M 32.5 69.5 C 31.395 69.5 30.5 68.605 30.5 67.5 L 30.5 56.5 C 30.5 55.395 31.395 54.5 32.5 54.5 L 43.5 54.5 C 44.605 54.5 45.5 55.395 45.5 56.5 L 45.5 67.5 C 45.5 68.605 44.605 69.5 43.5 69.5 Z M 50.5 69.5 C 49.395 69.5 48.5 68.605 48.5 67.5 L 48.5 56.5 C 48.5 55.395 49.395 54.5 50.5 54.5 L 61.5 54.5 C 62.605 54.5 63.5 55.395 63.5 56.5 L 63.5 67.5 C 63.5 68.605 62.605 69.5 61.5 69.5 Z M 52.317 45.217 C 51.279 44.839 50.743 43.691 51.121 42.653 L 54.883 32.317 C 55.261 31.279 56.409 30.743 57.447 31.121 L 67.783 34.883 C 68.821 35.261 69.357 36.409 68.979 37.447 L 65.217 47.783 C 64.839 48.821 63.691 49.357 62.653 48.979 Z" fill="transparent" height="100px" id="as9QYuMRK" transform="translate(0 1)" width="100px"><path d="M 10 100 C 4.477 100 0 95.523 0 90 L 0 10 C 0 4.477 4.477 0 10 0 L 90 0 C 95.523 0 100 4.477 100 10 L 100 90 C 100 95.523 95.523 100 90 100 Z" fill="rgb(255, 255, 255)" height="100px" id="O4UyzNhpi" width="100px"/><path d="M 2 15 C 0.895 15 0 14.105 0 13 L 0 2 C 0 0.895 0.895 0 2 0 L 13 0 C 14.105 0 15 0.895 15 2 L 15 13 C 15 14.105 14.105 15 13 15 Z" fill="rgb(248, 228, 55)" height="15px" id="DbgjOGG7Y" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="6" stroke="rgb(248, 228, 55)" transform="translate(30.5 36)" width="15px"/><path d="M 2 15 C 0.895 15 0 14.105 0 13 L 0 2 C 0 0.895 0.895 0 2 0 L 13 0 C 14.105 0 15 0.895 15 2 L 15 13 C 15 14.105 14.105 15 13 15 Z" fill="rgb(248, 228, 55)" height="15px" id="X5RswVRb3" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="6" stroke="rgb(248, 228, 55)" transform="translate(30.5 54.5)" width="15px"/><path d="M 2 15 C 0.895 15 0 14.105 0 13 L 0 2 C 0 0.895 0.895 0 2 0 L 13 0 C 14.105 0 15 0.895 15 2 L 15 13 C 15 14.105 14.105 15 13 15 Z" fill="rgb(248, 228, 55)" height="15px" id="M0lmeGDnF" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="6" stroke="rgb(248, 228, 55)" transform="translate(48.5 54.5)" width="15px"/><path d="M 1.317 14.217 C 0.279 13.839 -0.257 12.691 0.121 11.653 L 3.883 1.317 C 4.261 0.279 5.409 -0.257 6.447 0.121 L 16.783 3.883 C 17.821 4.261 18.357 5.409 17.979 6.447 L 14.217 16.783 C 13.839 17.821 12.691 18.357 11.653 17.979 Z" fill="rgb(248, 228, 55)" height="18.099929013258077px" id="w34ekd2Sf" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="6" stroke="rgb(248, 228, 55)" transform="translate(51 31)" width="18.09992901325836px"/></g></svg>)
Pixel Perfect
All shapes & layers has perfect edges and clear
Design Process
Empathize
Define
Ideate
Prototype
Test
Branding &
Logo
All familiar icons and style with
accessibility is done.
Color &
Typography
APP COLORS
#528EFF
#F9C067
#FFFFFF
#1B2854
PILL COLORS
#9472F4
#52D1BE
ALERT COLOR
#52D176
#FF4949
TYPEFACE
FONT SIZE
User
Persona
Journey
Map
Easier to get insights from users which could actually make the app more usauble.
Competitive
Analysis
12+ Features found new and added to make the app more effiecient and simple.
Sitemap
Wireframe
WEBSITE
MOBILE
Mockup
WEBSITE
MOBILE
Up Next
Dribbble Shots
Dribbble Shots
Dribbble Shots
A selection of my Dribbble shots, crafted for creative exploration and featured here for portfolio purposes only.
A selection of my Dribbble shots, crafted for creative exploration and featured here for portfolio purposes only.
A selection of my Dribbble shots, crafted for creative exploration and featured here for portfolio purposes only.
Sorry !
My portfolio supports a limited screen sizes. Please use a laptop/desktop for good experience.
© All rights reserved to vijaykumar.