Brief
Brief
Brief
Contributions
User Experience
Design
Heuristics
Competitive Analysis
Information Architecture
Visual
Design
Brand
Design
Interaction
Design
Motion
Design
Accessibility
SEO
Contributions
User Experience
Design
Heuristics
Competitive Analysis
Information Architecture
Visual
Design
Brand
Design
Interaction
Design
Motion
Design
Accessibility
SEO
Contributions
User Experience
Design
Heuristics
Competitive Analysis
Information Architecture
Visual
Design
Brand
Design
Interaction
Design
Motion
Design
Accessibility
SEO
Tools Used
Figma
Framer
Photoshop
G-Suite
G-Analytics
Tools Used
Figma
Framer
Photoshop
G-Suite
G-Analytics
Tools Used
Figma
Framer
Photoshop
G-Suite
G-Analytics
Collaboration
Austin
CEO
Scot
COO
Marketing
Team
Shop Owners
Users
Collaboration
Austin
CEO
Scot
COO
Marketing
Team
Shop Owners
Users
Collaboration
Austin
CEO
Scot
COO
Marketing
Team
Shop Owners
Users
Timeline
Research
12 - 16 Days
Ideate
12 - 14 Days
Design
18 - 22 Days
Testing
6-10 Days
Optimizations
12-14 Days
Timeline
Research
12 - 16 Days
Ideate
12 - 14 Days
Design
18 - 22 Days
Testing
6-10 Days
Optimizations
12-14 Days
Timeline
Research
12 - 16 Days
Ideate
12 - 14 Days
Design
18 - 22 Days
Testing
6-10 Days
Optimizations
12-14 Days
Shopmanager’s existing website was failing to leverage its full potential. The goal was to transform the site into an intuitive experience that not only meets user needs but also drive business objectives.
Shopmanager’s existing website was failing to leverage its full potential. The goal was to transform the site into an intuitive experience that not only meets user needs but also drive business objectives.
Shopmanager’s website was failing to leverage its full potential. The goal was to transform the site into an experience that drive business objectives.
Challenges
Challenges
Challenges
Poor Usability
Lack of mobile responsiveness, unclear call to actions, ineffective content strategy, accessibility, and high bounce rates.
Poor Usability
Lack of mobile responsiveness, unclear call to actions, ineffective content strategy, accessibility, and high bounce rates.
Poor Usability
Lack of mobile responsiveness, unclear call to actions, ineffective content strategy, accessibility, and high bounce rates.
Weak Value
The site failed to effectively convey the unique strengths and benefits of Shopmanager’s software, crucial for converting new users.
Weak Value
The site failed to effectively convey the unique strengths and benefits of Shopmanager’s software, crucial for converting new users.
Weak Value
The site failed to effectively convey the unique strengths and benefits of Shopmanager’s software, crucial for converting new users.
Outdated Design
The old website’s design did not align with modern standards, making it appear less credible, and untrustworthy to potential users.
Outdated Design
The old website’s design did not align with modern standards, making it appear less credible, and untrustworthy to potential users.
Outdated Design
The old website’s design did not align with modern standards, making it appear less credible, and untrustworthy to potential users.
Objectives
Objectives
Objectives
Authority & Trust
Establish a presence that accurately reflects the app's features & instills confidence in prospects.
Authority & Trust
Establish a presence that accurately reflects the app's features & instills confidence in prospects.
Authority & Trust
Establish a presence that accurately reflects the app's features & instills confidence in prospects.
Branding
Create an inclusive brand experience to resonate with the automotive industry and its users.
Branding
Create an inclusive brand experience to resonate with the automotive industry and its users.
Branding
Create an inclusive brand experience to resonate with the automotive industry and its users.
Accessibility
Achieve a AA rating on the WCAG scale and employ SEO strategies to ensure accessibility.
Accessibility
Achieve a AA rating on the WCAG scale and employ SEO strategies to ensure accessibility.
Accessibility
Achieve a AA rating on the WCAG scale and employ SEO strategies to ensure accessibility.
Responsive
Ensure flawless usability across all devices with optimized adaptive and responsive design.
Responsive
Ensure flawless usability across all devices with optimized adaptive and responsive design.
Responsive
Ensure flawless usability across all devices with optimized adaptive and responsive design.
Discover
Discover
Discover
Heuristic Evaluation
Heuristic Evaluation
Heuristic Evaluation
Initiated by a detailed heuristic evaluation, the discovery phase identified key usability flaws. Competitive analysis highlighted areas for improvement and inspired a data-driven foundation for the redesign.
Initiated by a detailed heuristic evaluation, the discovery phase identified key usability flaws. Competitive analysis highlighted areas for improvement and inspired a data-driven foundation for the redesign.
Initiated by a detailed heuristic evaluation, the discovery phase identified key usability flaws. Competitive analysis highlighted areas for improvement and inspired a data-driven foundation for the redesign.
EVALUATION INSIGHTS
EVALUATION INSIGHTS
EVALUATION INSIGHTS
1
Header
Revise the hero with value-rich visuals, and establish credibility. Enhancing user engagement & trust from the initial impression.
1
Header
Revise the hero with value-rich visuals, and establish credibility. Enhancing user engagement & trust from the initial impression.
1
Header
Revise the hero with value-rich visuals, and establish credibility. Enhancing user engagement & trust from the initial impression.
2
Content
Streamline copy descriptions to avoid information overload, using concise points and informative visuals packed in a scannable layout.
2
Content
Streamline copy descriptions to avoid information overload, using concise points and informative visuals packed in a scannable layout.
2
Content
Streamline copy descriptions to avoid information overload, using concise points and informative visuals packed in a scannable layout.
3
Navigation
Redesign the navigation to be intuitive, guiding users through the flow, and helping them find information they need, thus improving accessibility.
3
Navigation
Redesign the navigation to be intuitive, guiding users through the flow, and helping them find information they need, thus improving accessibility.
3
Navigation
Redesign the navigation to be intuitive, guiding users through the flow, and helping them find information they need, thus improving accessibility.
4
Visuals
Strategically upgrade the brand & visuals across the site, with product mockups that accurately reflect the features & streamline the experience.
4
Visuals
Strategically upgrade the brand & visuals across the site, with product mockups that accurately reflect the features & streamline the experience.
4
Visuals
Strategically upgrade the brand & visuals across the site, with product mockups that accurately reflect the features & streamline the experience.
5
Forms
Redesign the 'Request a Demo' form for ease of use. An effective system to collect, manage, schedule a demo, store, and drive leads was needed.
5
Forms
Redesign the 'Request a Demo' form for ease of use. An effective system to collect, manage, schedule a demo, store, and drive leads was needed.
5
Forms
Redesign the 'Request a Demo' form for ease of use. An effective system to collect, manage, schedule a demo, store, and drive leads was needed.
6
Footer
The footer needed to be redone to include essential links and consistent branding elements, reinforcing brand identity and aiding in site navigation.
6
Footer
The footer needed to be redone to include essential links and consistent branding elements, reinforcing brand identity and aiding in site navigation.
6
Footer
The footer needed to be redone to include essential links and consistent branding elements, reinforcing brand identity and aiding in site navigation.
Competitive Analysis
Competitive Analysis
Competitive Analysis
Studying the Titans
Learning further from industry leaders like Shopmonkey.io and torque360.co. These platforms, with their vast user bases and refined UX, provided a benchmark for excellence.
Studying the Titans
Learning further from industry leaders like Shopmonkey.io and torque360.co. These platforms, with their vast user bases and refined UX, provided a benchmark for excellence.
Studying the Titans
Learning further from industry leaders like Shopmonkey.io and torque360.co. These platforms, with their vast user bases and refined UX, provided a benchmark for excellence.
Informing Design Decisions
The insights from the analysis directly informed many of my design decisions, ensuring that Shopmanager was not only on par with its competitors but had its own unique strengths.
Informing Design Decisions
The insights from the analysis directly informed many of my design decisions, ensuring that Shopmanager was not only on par with its competitors but had its own unique strengths.
Informing Design Decisions
The insights from the analysis directly informed many of my design decisions, ensuring that Shopmanager was not only on par with its competitors but had its own unique strengths.
Visual summary of Competitive Analysis based on: branding, design, content, accessibility, and usability. Rated on a scale of 1 to 5 ( 1 = Poor and 5 = Excellent)
Visual summary of Competitive Analysis based on: branding, design, content, accessibility, and usability. Rated on a scale of 1 to 5 ( 1 = Poor and 5 = Excellent)
Visual summary of Competitive Analysis based on: branding, design, content, accessibility, and usability. Rated on a scale of 1 to 5 ( 1 = Poor and 5 = Excellent)
Analysis Insights
Analysis Insights
Analysis Insights
Unclear UVP
Lack of a clear unique value (UVP) for Shopmanager, which is crucial to stand out. Aligning the strengths with customer needs, clarifying the message to be informative.
Unclear UVP
Lack of a clear unique value (UVP) for Shopmanager, which is crucial to stand out. Aligning the strengths with customer needs, clarifying the message to be informative.
Unclear UVP
Lack of a clear unique value (UVP) for Shopmanager, which is crucial to stand out. Aligning the strengths with customer needs, clarifying the message to be informative.
UX Deficit
SMA rated the lowest in both desktop & mobile UX (1/5). A redesign to improve responsiveness, navigational ease. content clarity, and structure was crucially needed.
UX Deficit
SMA rated the lowest in both desktop & mobile UX (1/5). A redesign to improve responsiveness, navigational ease. content clarity, and structure was crucially needed.
UX Deficit
SMA rated the lowest in both desktop & mobile UX (1/5). A redesign to improve responsiveness, navigational ease. content clarity, and structure was crucially needed.
Low Engagement
With the lowest scores in friendliness & CTA (1/5 and 1/5), there's opportunity to redesign interactive elements and enhance CTAs alongside in an engaging environment.
Low Engagement
With the lowest scores in friendliness & CTA (1/5 and 1/5), there's opportunity to redesign interactive elements and enhance CTAs alongside in an engaging environment.
Low Engagement
With the lowest scores in friendliness & CTA (1/5 and 1/5), there's opportunity to redesign interactive elements and enhance CTAs alongside in an engaging environment.
Brand Weakness
The website's branding & content are significantly behind (scored 1/5), suggesting a need for a brand refresh and content strategy revision to enhance engagement.
Brand Weakness
The website's branding & content are significantly behind (scored 1/5), suggesting a need for a brand refresh and content strategy revision to enhance engagement.
Brand Weakness
The website's branding & content are significantly behind (scored 1/5), suggesting a need for a brand refresh and content strategy revision to enhance engagement.
Some Users said . . .
Some Users said . . .
Some Users said . . .
the website looked old-school. Made me think the software might be out of date
the website looked old-school. Made me think the software might be out of date
the website looked old-school. Made me think the software might be out of date
something about the website didn't make me feel confident in the software
something about the website didn't make me feel confident in the software
something about the website didn't make me feel confident in the software
I wasn't sure if this was some old or discontinued software, I was looking for this
I wasn't sure if this was some old or discontinued software, I was looking for this
I wasn't sure if this was some old or discontinued software, I was looking for this
Ideate
Ideate
Ideate
Solutions
Solutions
Solutions
Information Architecture
We redesigned the website's information architecture and sitemap to ensure a logical flow of information, making it easier for search engines to crawl and index the content while improving user navigation.
Information Architecture
We redesigned the website's information architecture and sitemap to ensure a logical flow of information, making it easier for search engines to crawl and index the content while improving user navigation.
Information Architecture
We redesigned the website's information architecture and sitemap to ensure a logical flow of information, making it easier for search engines to crawl and index the content while improving user navigation.
Mid-fidelity
Mid-fidelity
Early Navigation
Mobile Navigation
Home
Home 2
Pricing (CTA Goal)
workflows page
About page
Early Navigation
Mobile Navigation
Home
Home 2
Pricing (CTA Goal)
workflows page
About page
Design
Design
Design
Branding
Branding
Branding
Visual Refresh
The visual design received a significant overhaul. But this wasn't just about making things "look pretty".
User feedback indicated a disconnect between Shopmanager's brand and its online presence.
The new design aimed to align and preserve the brand's visual identity with its core values and mission.
Visual Refresh
The visual design received a significant overhaul. But this wasn't just about making things "look pretty".
User feedback indicated a disconnect between Shopmanager's brand and its online presence.
The new design aimed to align and preserve the brand's visual identity with its core values and mission.
Visual Refresh
The visual design received a significant overhaul. But this wasn't just about making things "look pretty".
User feedback indicated a disconnect between Shopmanager's brand and its online presence.
The new design aimed to align and preserve the brand's visual identity with its core values and mission.
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Logo Variations
Logomark Layout
Visual Style
Typography
Iconography
Iconography
Product illustrations
Solutions Icons
Navigation menu Icons
Product illustrations
Solutions Icons
Navigation menu Icons
Hi-Fidelity
Hi-Fidelity
Menu Interactions
Mobile Menu
Desktop Interactions
Mobile Homepage
Card Interactions
Mobile Demo Form
Motion Design (Payment Processor)
CTA Journey flow
Menu Interactions
Mobile Menu
Desktop Interactions
Mobile Homepage
Card Interactions
Mobile Demo Form
Motion Design (Payment Processor)
CTA Journey flow
Test
Test
Test
Test Approaches & Outcomes
Test Approaches & Outcomes
Test Approaches & Outcomes
Here, the goal was to validate the redesigned Shopmanager website’s usability, performance, and alignment with business objectives, ensuring the final product met user & stakeholder expectations.
Here, the goal was to validate the redesigned Shopmanager website’s usability, performance, and alignment with business objectives, ensuring the final product met user & stakeholder expectations.
Here, the goal was to validate the redesigned Shopmanager website’s usability, performance, and alignment with business objectives, ensuring the final product met user & stakeholder expectations.
Usability
Usability
Usability
Performance
Performance
Performance
Accessibility
Accessibility
Accessibility
Browser & Device
Browser
Device
Approach:
Conducted unmoderated remote testing with target users to evaluate the navigation and ease of requesting a demo & finding product information.
Approach:
Conducted unmoderated remote testing with target users to evaluate the navigation and ease of requesting a demo & finding product information.
Approach:
Conducted unmoderated remote testing with target users to evaluate the navigation and ease of requesting a demo & finding product information.
Approach:
Utilized tools like Google PageSpeed Insights and Lighthouse to benchmark and improve the website's loading times and responsiveness.
Approach:
Utilized tools like Google PageSpeed Insights and Lighthouse to benchmark and improve the website's loading times and responsiveness.
Approach:
Utilized tools like Google PageSpeed Insights and Lighthouse to benchmark and improve the website's loading times and responsiveness.
Approach:
Tested the website against WCAG 2.1 guidelines using automated tools and manual testing to ensure accessibility standards were met.
Approach:
Tested the website against WCAG 2.1 guidelines using automated tools and manual testing to ensure accessibility standards were met.
Approach:
Tested the website against WCAG 2.1 guidelines using automated tools and manual testing to ensure accessibility standards were met.
Approach:
Conducted testing across a range of devices (smartphones, tablets, desktops) and browsers (Chrome, Firefox, Safari, Edge) ensuring consistent experiences.
Approach:
Conducted testing across a range of devices (smartphones, tablets, desktops) and browsers (Chrome, Firefox, Safari, Edge) ensuring consistent experiences.
Approach:
Conducted testing across a range of devices (smartphones, tablets, desktops) and browsers (Chrome, Firefox, Safari, Edge) ensuring consistent experiences.
Outcome:
Identified areas for refinement such as simplifying the demo request process for users & stakeholders, which reduced user dropout rates by 20%.
Outcome:
Identified areas for refinement such as simplifying the demo request process for users & stakeholders, which reduced user dropout rates by 20%.
Outcome:
Identified areas for refinement such as simplifying the demo request process for users & stakeholders, which reduced user dropout rates by 20%.
Outcome:
Optimizations led to a 30% improvement in load times, enhancing user engagement and reducing bounce rates on critical product pages.
Outcome:
Optimizations led to a 30% improvement in load times, enhancing user engagement and reducing bounce rates on critical product pages.
Outcome:
Optimizations led to a 30% improvement in load times, enhancing user engagement and reducing bounce rates on critical product pages.
Outcome:
Achieved WCAG AA compliance, making the site accessible & inclusive. Ensured content is structured and labeled for screen readers.
Outcome:
Achieved WCAG AA compliance, making the site accessible & inclusive. Ensured content is structured and labeled for screen readers.
Outcome:
Achieved WCAG AA compliance, making the site accessible & inclusive. Ensured content is structured and labeled for screen readers.
Outcome:
Adjustments from this testing phase ensured 99% compatibility across all targeted platforms, eliminating critical usability issues.
Outcome:
Adjustments from this testing phase ensured 99% compatibility across all targeted platforms, eliminating critical usability issues.
Outcome:
Adjustments from this testing phase ensured 99% compatibility across all targeted platforms, eliminating critical usability issues.
Project Results
Project Results
Project Results
1
Engagement
Overhauled the interface, boosting usability, which led to a 40% rise in active user interaction and prolonged site visits.
1
Engagement
Overhauled the interface, boosting usability, which led to a 40% rise in active user interaction and prolonged site visits.
1
Engagement
Overhauled the interface, boosting usability, which led to a 40% rise in active user interaction and prolonged site visits.
2
Conversions
Elevated conversions by 25% with design enhancements that strengthened user trust, encouraging more sign-ups and elevating sales.
2
Conversions
Elevated conversions by 25% with design enhancements that strengthened user trust, encouraging more sign-ups and elevating sales.
2
Conversions
Elevated conversions by 25% with design enhancements that strengthened user trust, encouraging more sign-ups and elevating sales.
3
Perception
Refreshed the design, enhancing brand image and aligning Shopmanager with top industry players, fostering user confidence in our solutions.
3
Perception
Refreshed the design, enhancing brand image and aligning Shopmanager with top industry players, fostering user confidence in our solutions.
3
Perception
Refreshed the design, enhancing brand image and aligning Shopmanager with top industry players, fostering user confidence in our solutions.
4
Accessibility
Grew search visibility by 56% and achieved WCAG AA compliance, underscoring our commitment to an accessible and secure user experience.
4
Accessibility
Grew search visibility by 56% and achieved WCAG AA compliance, underscoring our commitment to an accessible and secure user experience.
4
Accessibility
Grew search visibility by 56% and achieved WCAG AA compliance, underscoring our commitment to an accessible and secure user experience.
Live Website (Embedded): Desktop & Mobile
Reflection
Reflection
Reflection
Dual Role Mastery
Navigated the dual roles of designer and builder, translating Figma designs directly to Framer, which allowed for real-time visual web construction.
Dual Role Mastery
Navigated the dual roles of designer and builder, translating Figma designs directly to Framer, which allowed for real-time visual web construction.
Dual Roles
Navigated the dual roles of designer and builder, translating Figma designs directly to Framer, which allowed for real-time visual web construction.
html / css skills
This project deepened my proficiency in HTML and CSS, while also enhancing my understanding of challenges and limitations that come with web accessibility standards.
html / css skills
This project deepened my proficiency in HTML and CSS, while also enhancing my understanding of challenges and limitations that come with web accessibility standards.
html / css
This project deepened my proficiency in HTML and CSS, while also enhancing my understanding of challenges and limitations that come with web accessibility standards.
Leveraging AI
By integrating AI into the UX process, I enhanced the ideation, UX writing, and research This streamlined by process and enriched the quality of insights gathered.
Leveraging AI
By integrating AI into the UX process, I enhanced the ideation, UX writing, and research This streamlined by process and enriched the quality of insights gathered.
Leveraging AI
By integrating AI into the UX process, I enhanced the ideation, UX writing, and research This streamlined by process and enriched the quality of insights gathered.
Comms
Communication with marketing and stakeholders was pivotal. It ensured that iterations were aligned with business goals and SEO practices, which kept the project relevant and impactful.
Comms
Communication with marketing and stakeholders was pivotal. It ensured that iterations were aligned with business goals and SEO practices, which kept the project relevant and impactful.
Comms
Communication with marketing and stakeholders was pivotal. It ensured that iterations were aligned with business goals and SEO practices, which kept the project relevant and impactful.
Design Mastery
This project helped me advance my skills in motion and interaction design. I applied best practices, fostering a dynamic and responsive environment that generates user engagement.
Design Mastery
This project helped me advance my skills in motion and interaction design. I applied best practices, fostering a dynamic and responsive environment that generates user engagement.
Design Mastery
This project helped me advance my skills in motion and interaction design. I applied best practices, fostering a dynamic and responsive environment that generates user engagement.
Front-End
The importance of front-end technologies under the design was underscored. Optimizing site performance was critical in bridging the gap between design and usability.
Front-End
The importance of front-end technologies under the design was underscored. Optimizing site performance was critical in bridging the gap between design and usability.
Front-End
The importance of front-end technologies under the design was underscored. Optimizing site performance was critical in bridging the gap between design and usability.
agile agility
Feedback loops highlighted the importance of agility—constantly iterating based analytics & usability. This kept the project aligned with goals and accelerated turnover.
agile agility
Feedback loops highlighted the importance of agility—constantly iterating based analytics & usability. This kept the project aligned with goals and accelerated turnover.
agile agility
Feedback loops highlighted the importance of agility—constantly iterating based analytics & usability. This kept the project aligned with goals and accelerated turnover.
Stakeholder Testimonials
Stakeholder Testimonials
Stakeholder Testimonials
Poojan took on the challenge of revamping our website and truly transformed it. I was initially unsure how it would all come together, but with his skills in design and making our site not just look good, but work well for our users was apparent throughout the project.
Austin Butler
CEO • CFO • Shopmanager
Poojan took on the challenge of revamping our website and truly transformed it. I was initially unsure how it would all come together, but with his skills in design and making our site not just look good, but work well for our users was apparent throughout the project.
Austin Butler
CEO • CFO • Shopmanager
Poojan took on the challenge of revamping our website and truly transformed it. I was initially unsure how it would all come together, but with his skills in design and making our site not just look good, but work well for our users was apparent throughout the project.
Austin Butler
CEO • CFO • Shopmanager
The website's redesign wouldn’t have been successful without Poojan's expertise. He tackled challenges and made sure that our new website wasn't just about looks — it was about creating an easier and a better experience for our users. That's what stood out for me.
Scot Schroeder
COO • Lead Developer • Shopmanager
The website's redesign wouldn’t have been successful without Poojan's expertise. He tackled challenges and made sure that our new website wasn't just about looks — it was about creating an easier and a better experience for our users. That's what stood out for me.
Scot Schroeder
COO • Lead Developer • Shopmanager
The website's redesign wouldn’t have been successful without Poojan's expertise. He tackled challenges and made sure that our new website wasn't just about looks — it was about creating an easier and a better experience for our users. That's what stood out for me.
Scot Schroeder
COO • Lead Developer • Shopmanager
Thank You 🙏🏻
This project was a profound learning journey that sharpened my ability to integrate thoughtful design with functional excellence. It reinforced my belief in continuous learning and the need for an adaptive approach in design.
As I move forward, I carry with me the invaluable insights & experiences, and look forward and expand the design system for their SaaS Application.
I'm also ready to embark on new challenges. I'm excited about the opportunities that lie ahead, and always striving for design excellence.
Thank You 🙏🏻
This project was a profound learning journey that sharpened my ability to integrate thoughtful design with functional excellence. It reinforced my belief in continuous learning and the need for an adaptive approach in design.
As I move forward, I carry with me the invaluable insights & experiences, and look forward and expand the design system for their SaaS Application.
I'm also ready to embark on new challenges. I'm excited about the opportunities that lie ahead, and always striving for design excellence.
Thank You 🙏🏻
This project was a profound learning journey that sharpened my ability to integrate thoughtful design with functional excellence. It reinforced my belief in continuous learning and the need for an adaptive approach in design.
As I move forward, I carry with me the invaluable insights & experiences, and look forward and expand the design system for their SaaS Application.
I'm also ready to embark on new challenges. I'm excited about the opportunities that lie ahead, and always striving for design excellence.
View NEXT CASE STUDY
View NEXT CASE STUDY
View NEXT CASE STUDY
Available for freelance & contract projects!
Available for freelance & contract projects!
Available for freelance & contract projects!
© 2025 Poojan P. All rights reserved.