Nutristyle

UX Designer on Team

About Role

“NutriStyle is a health and nutrition software company that focuses on artificial intelligence to create personalized meal plans for its users. For this project, our team of four was tasked with redesigning their company website to a more modern look and feel.”2 Week Client Project

I took the role of Interaction Designer and Visual Designer. I took the information gathered from Richard’s research, David’s content strategy, and Rachana’s information architecture to design a more usable website, that would capture the user’s attention visually, and engage new users about the software.

Who worked on this project?

  • David Truong - Project Manager and Content Strategist Lead
  • Richard Lin - User Research and Usability Testing Manager
  • Serey Rachana - Brand Strategist and Information Architect Lead
  • Me - Interaction Design and Visual Design Lead

How I accomplished my tasks

These processes

Using these tools

  • User Flows
  • User Journey
  • Sketches
  • Paper Prototypes
  • Wireframes
  • Medium Fidelity Clickable Prototypes
  • High Fidelity Clickable Prototypes
  • New Logo and Style Guide
  • Whiteboard
  • Sketches (Paper & Pen)
  • Sketch (app)
  • Flinto (app)
  • Adobe Illustrator CC 2019
  • Adobe Photoshop CC 2019

Design overview

Interaction Design

As part of the interaction design work, I produced these design deliverables:

  • USER JOURNEYS were used to pinpoint where we needed to focus on improving the user's experience
  • USER FLOWS allowed us map how how the user got to our end point of signing up for the app
  • STORYBOARDS allowed us to give a practical way to visualize hos a user went through the signup process, and also gave us a visual to show to the client.

Visual Design

As part of the interaction design work, I produced these design deliverables:

  • UPDATED LOGO AND STYLE GUIDE. Nutristyle had no real style guide and visual consistency with things like color. The logo was also outdated. I made an outdated logo (which the client ended up still changing themselves, but used the basic idea).
  • HIGH FIDELITY MOCK UPS were created rom the wireframes made during the ideation stage, implementing the style guide
  • PROTOTYPES to use for usability testing. The end point is when user's completed the sign up process.

© Nick Brosas Design 2025

I don't really know what to put in a footer for a portfolio

Nutristyle

UX Designer on Team

About Role

“NutriStyle is a health and nutrition software company that focuses on artificial intelligence to create personalized meal plans for its users. For this project, our team of four was tasked with redesigning their company website to a more modern look and feel.”2 Week Client Project

I took the role of Interaction Designer and Visual Designer. I took the information gathered from Richard’s research, David’s content strategy, and Rachana’s information architecture to design a more usable website, that would capture the user’s attention visually, and engage new users about the software.

Who worked on this project?

  • David Truong - Project Manager and Content Strategist Lead
  • Richard Lin - User Research and Usability Testing Manager
  • Serey Rachana - Brand Strategist and Information Architect Lead
  • Me - Interaction Design and Visual Design Lead

How I accomplished my tasks

These processes

Using these tools

  • User Flows
  • User Journey
  • Sketches
  • Paper Prototypes
  • Wireframes
  • Medium Fidelity Clickable Prototypes
  • High Fidelity Clickable Prototypes
  • New Logo and Style Guide
  • Whiteboard
  • Sketches (Paper & Pen)
  • Sketch (app)
  • Flinto (app)
  • Adobe Illustrator CC 2019
  • Adobe Photoshop CC 2019

Design overview

Interaction Design

As part of the interaction design work, I produced these design deliverables:

  • USER JOURNEYS were used to pinpoint where we needed to focus on improving the user's experience
  • USER FLOWS allowed us map how how the user got to our end point of signing up for the app
  • STORYBOARDS allowed us to give a practical way to visualize hos a user went through the signup process, and also gave us a visual to show to the client.

Visual Design

As part of the interaction design work, I produced these design deliverables:

  • UPDATED LOGO AND STYLE GUIDE. Nutristyle had no real style guide and visual consistency with things like color. The logo was also outdated. I made an outdated logo (which the client ended up still changing themselves, but used the basic idea).
  • HIGH FIDELITY MOCK UPS were created rom the wireframes made during the ideation stage, implementing the style guide
  • PROTOTYPES to use for usability testing. The end point is when user's completed the sign up process.

© Nick Brosas Design 2025

I don't really know what to put in a footer for a portfolio

Nutristyle

UX Designer on Team

About Role

“NutriStyle is a health and nutrition software company that focuses on artificial intelligence to create personalized meal plans for its users. For this project, our team of four was tasked with redesigning their company website to a more modern look and feel.”2 Week Client Project

I took the role of Interaction Designer and Visual Designer. I took the information gathered from Richard’s research, David’s content strategy, and Rachana’s information architecture to design a more usable website, that would capture the user’s attention visually, and engage new users about the software.

Who worked on this project?

  • David Truong - Project Manager and Content Strategist Lead
  • Richard Lin - User Research and Usability Testing Manager
  • Serey Rachana - Brand Strategist and Information Architect Lead
  • Me - Interaction Design and Visual Design Lead

How I accomplished my tasks

These processes

Using these tools

  • User Flows
  • User Journey
  • Sketches
  • Paper Prototypes
  • Wireframes
  • Medium Fidelity Clickable Prototypes
  • High Fidelity Clickable Prototypes
  • New Logo and Style Guide
  • Whiteboard
  • Sketches (Paper & Pen)
  • Sketch (app)
  • Flinto (app)
  • Adobe Illustrator CC 2019
  • Adobe Photoshop CC 2019

Design overview

Interaction Design

As part of the interaction design work, I produced these design deliverables:

  • USER JOURNEYS were used to pinpoint where we needed to focus on improving the user's experience
  • USER FLOWS allowed us map how how the user got to our end point of signing up for the app
  • STORYBOARDS allowed us to give a practical way to visualize hos a user went through the signup process, and also gave us a visual to show to the client.

Visual Design

As part of the interaction design work, I produced these design deliverables:

  • UPDATED LOGO AND STYLE GUIDE. Nutristyle had no real style guide and visual consistency with things like color. The logo was also outdated. I made an outdated logo (which the client ended up still changing themselves, but used the basic idea).
  • HIGH FIDELITY MOCK UPS were created rom the wireframes made during the ideation stage, implementing the style guide
  • PROTOTYPES to use for usability testing. The end point is when user's completed the sign up process.

© Nick Brosas Design 2025

I don't really know what to put in a footer for a portfolio