View Refactoring Frontend
Refactoring grafico dell'app mobile "Sheep Heroes".
Programmi utilizzati: Sketch/Photoshop (grafica), WebStorm (codice)
Linguaggi utilizzati: HTML, CSS, JQuery
![](https://www.auranuccio.it/wp-content/uploads/2018/01/SheepHeroes.jpg)
01. LOGIN PAGE![](https://www.auranuccio.it/wp-content/uploads/2018/01/1-Login-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/1-Login-1.jpg)
02. SIGN UP PAGE![](https://www.auranuccio.it/wp-content/uploads/2018/01/2-Sign-Up-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/2-Sign-Up-1.jpg)
03. HOME PAGE![](https://www.auranuccio.it/wp-content/uploads/2018/01/3-Home-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/3-Home-1.jpg)
04. MENU OPEN![](https://www.auranuccio.it/wp-content/uploads/2018/01/3.1-Menu-Open-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/3.1-Menu-Open-1.jpg)
05. EDIT PROFILE![](https://www.auranuccio.it/wp-content/uploads/2018/01/3.2-Profile-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/3.2-Profile-1.jpg)
06. SALES HISTORY![](https://www.auranuccio.it/wp-content/uploads/2018/01/6-Sales-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/6-Sales-1.jpg)
07. CONTESTS (LIVE)![](https://www.auranuccio.it/wp-content/uploads/2018/01/4-Contests-live-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/4-Contests-live-1.jpg)
08. CONTESTS (EXPIRED)![](https://www.auranuccio.it/wp-content/uploads/2018/01/4-Contests-expired-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/4-Contests-expired-1.jpg)
09. CONTEST DETAILS![](https://www.auranuccio.it/wp-content/uploads/2018/01/4.1-Contest-selected-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/4.1-Contest-selected-1.jpg)
10. CONTEST RANKING![](https://www.auranuccio.it/wp-content/uploads/2018/01/4.2-Rank-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/4.2-Rank-1.jpg)
11. MODAL BOX - CHALLENGE ACCEPTED![](https://www.auranuccio.it/wp-content/uploads/2018/01/4.4-Contest-accepted-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/4.4-Contest-accepted-1.jpg)
12. MODAL BOX / ALERT![](https://www.auranuccio.it/wp-content/uploads/2018/01/6.1-Sales-alert-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/6.1-Sales-alert-1.jpg)
13. COURSES OVERVIEW![](https://www.auranuccio.it/wp-content/uploads/2018/01/5-Courses-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/5-Courses-1.jpg)
14. ARTICLE OPEN![](https://www.auranuccio.it/wp-content/uploads/2018/01/5.1-Course-open-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/5.1-Course-open-1.jpg)
15. PRODUCTS![](https://www.auranuccio.it/wp-content/uploads/2018/01/7-Products-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/7-Products-1.jpg)
16. NEW SALE![](https://www.auranuccio.it/wp-content/uploads/2018/01/8.1-Credit-Card-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/8.1-Credit-Card-1.jpg)
17. SALE COMPLETED![](https://www.auranuccio.it/wp-content/uploads/2018/01/8.4-Finished-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/8.4-Finished-1.jpg)
18. NOTIFICATIONS![](https://www.auranuccio.it/wp-content/uploads/2018/01/9-Notifications-1.jpg)
![](https://www.auranuccio.it/wp-content/uploads/2018/01/9-Notifications-1.jpg)