UI/UX Design

Responsive Web Design (Figma)

In this project I was the UI/UX designer and I worked along with the Creative Director who'd hand me out rough sketches made out in InDesign, Powerpoint, Word /Excel Docs, for me to convert it into clean prototypes for the dev team to build them and make them interactive. I created the design system, site map, elements, components, and pages using figma based on material design and using the AGILE development methodology. The full site can be seen here: https://www.nthrive.com/







Responsive Design Prototype


  Sketch/Photoshop/InVision


  Sketch/Photoshop/InVision


 Sketch/Photoshop/InVision


 Sketch/Photoshop/InVision - Web Design Prototype


Sketch/Photoshop/InVision - Web Design Prototype


Sketch/Photoshop/InVision - Web Design Prototype


Sketch/Photoshop/InVision - Web Design Prototype

Sketch/Photoshop/InVision - Grey Scale Prototype

                 Enterprise Analytics Dashboard








     Sketch/Photoshop/InVision

Responsive Prototype



 Sketch/Photoshop/InVision - Desktop/Mobile Prototype

Sketch Design System 

Components

Molecules

Color Palette

Grids
Icons
Forms

Typography






Video Design System













































Mobile WebApp Prototype

                                     Sketch/Photoshop/InVision - App Prototype
Sketch/Photoshop

 Sketch/Photoshop - Home Page

 Sketch/Photoshop - International Calling Hover

 Sketch/Photoshop - International Recharge Hover

 Sketch/Photoshop - Unlimited Hover

  Sketch/Photoshop - Passing Picture

 Sketch/Photoshop - International Calling Product Page

  Sketch/Photoshop - International Recharge Product Page

  Sketch/Photoshop - Unlimited Calling Product Page

 Sketch/Photoshop - Footer


Sketch - Entire Site Flow Chart

Sketch - PINLess Product Flow Chart

Fixed Layout Prototype

Sketch/Photoshop/InVision - Mobile Layout Prototype

 Sketch/Photoshop/InVision - Web Design Prototype (Home Page)

 Sketch/Photoshop/InVision - Web Design Prototype (Recharge Page)

 Sketch/Photoshop/InVision - Web Design Prototype (Call USA Page)

Fixed Layout Design

Dreamweaver

 Dreamweaver

Website Prototype (HTML4, CSS, and Photoshop)