OrgGroup Website Design with Lean UX – Case Study

Industry
Product
Team Size
Duration

Objective

Create a professional and user-friendly website for Orggroup, designed to showcase its multiple brands  and their services under one cohesive digital identity. The primary audience included high-level corporate executives such as CEOs, VPs, and Growth Managers, with a focus on clear and efficient communication of brand information.

Challenges

  • Designing for time-scarce decision-makers who prioritize clarity and accessibility.
  • Consolidating multiple brands under a unified visual and functional framework.
  • Adhering to strict corporate branding guidelines while maintaining a human-centered approach.

My Role

I was responsible for:

  • Collaborating on competitor research and UX analysis.
  • Designing low-fidelity wireframes and high-fidelity prototypes.
  • Collaborating with stakeholders to iteratively refine designs.
  • Utilizing tools like Figma and Attention Insight for design and testing.
  • Creating interactive prototypes for seamless handoff to development teams.

Lean UX Process

We followed the Lean UX methodology to emphasize rapid iteration, collaboration, and continuous feedback.

Discover

Research & Ideation

  • Conducted competitor analysis to identify how similar organizations present multiple brands cohesively.
  • Identified key user needs: quick access to relevant information and seamless navigation.

Key Insights

  • Users valued their time and needed concise, and a  structured presentation of our services.
  • Competitor websites often failed to engage users due to overly corporate designs and imagery.

Define

Problem Statement

Orggroup needed a cohesive, professional website that communicated its brand’s identity effectively to busy decision-makers. The design had to balance corporate professionalism with engaging user experiences.

Success Metrics

  • Easy navigation to key information.
  • Positive feedback from stakeholders and target users.
  • Increased time spent on key service pages.

Design

Wireframes & Prototypes
  • Created low-fidelity wireframes to outline the structure and flow of the website.
  • Iterated designs based on feedback from stakeholders during collaborative workshops.
  • Developed high-fidelity prototypes with detailed interactions for key elements like buttons, cards, and animations.

Design Tools & Techniques

  • Attention Insight: Used AI-powered heatmaps to prioritize key visual elements.
  • Figma: Designed and prototyped all UI components, ensuring consistency and scalability.

Key Features

  • A clean, intuitive navigation bar to help users find information quickly.
  • Visually distinct sections for each brand under the Orggroup umbrella.
  • Subtle animations to enhance user engagement without overwhelming.

Deliver

Final Design

  • Delivered a polished, interactive prototype to developers.
  • Ensured seamless handoff through clear documentation and communication.
  • Incorporated stakeholder feedback to refine details before launch.

Challenges & Solutions

Designing for Busy Executives

Prioritized clarity and ease of navigation, minimizing clutter and focusing on key information.

Strict Branding Guidelines

Maintained a professional aesthetic while integrating human-centered design elements to create a more engaging experience.

Limited User Testing Resources

Leveraged AI tools like Attention Insight to simulate user attention and optimize layouts efficiently.

Outcome & Impact

The redesigned website successfully achieved its goals of clarity and professionalism, resonating with the target audience. Key results include:

  • Improved navigation and user flow, as observed in Hotjar session recordings.
  • Increased time spent on service pages, indicating higher engagement.
  • Positive stakeholder feedback on the visual and functional aspects of the design.

Lessons Learned

  • Lean UX Principles Work: Rapid iteration and stakeholder collaboration enabled us to deliver a high-quality product efficiently.
  • The Power of AI Tools: Attention Insight provided valuable insights into user behavior, streamlining decision-making.
  • Clear Communication is Key: Regular feedback loops with stakeholders ensured alignment and minimized revisions.

Reflections

This project highlighted the importance of understanding the user’s needs and maintaining a balance between corporate branding and user-centered design. By adhering to Lean UX principles, we were able to deliver a product that not only met but exceeded expectations.