Tea Microbrew Website Design
For this one I had to research brands like Gatorade and Powerade to know what is to be expected of a website made for a sports drink brand. Then do wireframes for what I had planed.
This is for computer screens.
This for mobile.
Pages and tabs.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/8b46c589621009.5dfa64657f4e5.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/fc0ad389621009.5dfa646581874.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/da73b789621009.5dfa64657fef8.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/9b239089621009.5dfa64657e83d.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/df4a6889621009.5dfa646583f50.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/a0f8a689621009.5dfa64658559b.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/cb73e389621009.5dfa6465838bc.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/2e319489621009.5dfa646585bf8.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/25f88089621009.5dfa6465860cf.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/79ee6a89621009.5dfa646580363.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ac632089621009.5dfa64658b206.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/883c2b89621009.5dfa64658141c.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/30932389621009.5dfa646583226.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/8aaaa589621009.5dfa646586d74.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a3570389621009.5dfa64658c207.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/c0751f89621009.5dfa646580994.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/8b3c5f89621009.5dfa64658200b.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/174f1489621009.5dfa64657eda2.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/15299189621009.5dfa646580f2b.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/18c50789621009.5dfa64657db33.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c3025289621009.5dfa6465877b0.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/3b01dc89621009.5dfa64657e212.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5c9b8b89621009.5dfa64657fa05.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ed73c089621009.5dfa6465909af.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/83190489621009.5dfa646584556.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ee457c89621009.5dfa6465872d9.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/8225a289621009.5dfa64658ab1a.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/4e0fb289621009.5dfa64658bd4f.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/8fdfc989621009.5dfa64658a3bd.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a0f1a289621009.5dfa646586777.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2b93dc89621009.5dfa646588dbb.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/69b89389621009.5dfa64658275d.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/eecdce89621009.5dfa646582d6b.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/0de1ab89621009.5dfa646585154.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/9972c289621009.5dfa646584be5.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b262e789621009.5dfa64658b818.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/d9343389621009.5dfa64658e163.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ae104389621009.5dfa64658d0dc.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/2bb4f589621009.5dfa64658d931.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/213f4189621009.5dfa64658ee5f.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/50c16489621009.5dfa64658ca1b.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/9f1d5f89621009.5dfa64658e722.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b14d8e89621009.5dfa64658862c.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/b3f2ec89621009.5dfa646587c19.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/c31bd589621009.5dfa646588138.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/ac910389621009.5dfa64658f4c0.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/05899689621009.5dfa646589348.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/a94ea489621009.5dfa646589b9f.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/e4993e89621009.5dfa646590215.png)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/5158a289621009.5dfa64658faff.png)
These are the wireframes sketches.
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/477aa689621009.5dfa64a54298a.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/54bd1b89621009.5dfa64a544653.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c94edc89621009.5dfa64a5438c7.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/d71bab89621009.5dfa64a54522d.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/fae9a289621009.5dfa64a542316.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/50552589621009.5dfa64a541b4d.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/c6812089621009.5dfa64a544c5f.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/dd755d89621009.5dfa64a543f06.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/92c8f589621009.5dfa64a5459f2.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/28bdab89621009.5dfa64a543170.jpg)