Project
Designing an Innovative Website for a New Design Agency
Challenge
The challenge was to design a visually striking, user-centric website for a new design agency, overcoming limited content and a nascent brand while ensuring scalability.
The project involved creating a visually striking and functional website for a newly established design agency.
My Role
As the UX/UI Designer, I was responsible for user interviews, developing user personas, and creating affinity diagrams. Designing both low- and high-fidelity prototypes.
As the UX/UI Designer, I was responsible for user interviews, developing user personas, and creating affinity diagrams.
Designing both low- and high-fidelity prototypes.
Collaborating with stakeholders to align business goals with user needs.
Research Process:
Persona Development
Research Process:
Persona Development
We began with proto-personas to hypothesize our end users’ goals, frustrations, and behaviors. These proto-personas guided our recruitment for user interviews and helped focus our research efforts. This foundational step allowed us to anticipate user needs while uncovering areas for exploration.
We began with proto-personas to hypothesize our end users’ goals, frustrations, and behaviors. These proto-personas guided our recruitment for user interviews and helped focus our research efforts. This foundational step allowed us to anticipate user needs while uncovering areas for exploration.
User Interviews:
Identifying the Ideal User
User Interviews:
Identifying the Ideal User
A significant early challenge was the client's uncertainty about their target audience. To address this, we broadened the scope of user interviews, selecting participants from diverse industries who matched the agency’s potential client base.
A significant early challenge was the client's uncertainty about their target audience. To address this, we broadened the scope of user interviews, selecting participants from diverse industries who matched the agency’s potential client base.
Key Insights:
Key Insights:
Design Preferences: Users emphasized clean, modern aesthetics with intuitive navigation that reflects their brand’s identity.
Scalability: Participants valued the ability to expand functionality over time, such as adding e-commerce, blogs, or booking systems.
Challenges and Pain Points: Frustrations included outdated designs, slow performance, and reliance on external help for backend updates.
Trust and Professionalism: Transparency, clear communication, and a proven track record were critical to overcoming trust barriers.
Customization and Collaboration: Users desired involvement during the initial design phase but sought autonomy for long-term updates.
Synthesis and
Feature Prioritization
Synthesis and
Feature Prioritization
Using affinity diagrams, I synthesized data from user interviews to identify trends and actionable insights. This analysis informed the development of a feature prioritization matrix, ensuring the design prioritized:
Scalability and modularity.
A polished, professional aesthetic.
Transparency in communication.
Using affinity diagrams, I synthesized data from user interviews to identify trends and actionable insights. This analysis informed the development of a feature prioritization matrix, ensuring the design prioritized:
Scalability and modularity.
A polished, professional aesthetic.
Transparency in communication.
Prototyping: From
Ideation to Execution
Prototyping: From
Ideation to Execution
Low- and Mid-Fidelity Prototypes
I started with low- to mid-fidelity prototypes to quickly iterate on layout, navigation, and content hierarchy. These prototypes focused on Clarity, Simplicity and User Flow
Low- and Mid-Fidelity Prototypes
I started with low- to mid-fidelity prototypes to quickly iterate on layout, navigation, and content hierarchy. These prototypes focused on Clarity, Simplicity and User Flow
Iteration and Refinement: High-Fidelity Prototypes
Iteration and Refinement: High-Fidelity Prototypes
Guerrilla Testing and Iteration
Rapid user testing sessions were conducted to identify pain points and gather feedback. Insights from testing highlighted adjustments needed for better readability and optimization of the call-to-action placement. After several iterations, I refined the design into high-fidelity prototypes.
Guerrilla Testing and Iteration
Rapid user testing sessions were conducted to identify pain points and gather feedback. Insights from testing highlighted adjustments needed for better readability and optimization of the call-to-action placement. After several iterations, I refined the design into high-fidelity prototypes.
Conclusion
Conclusion
This project demonstrated how user-centered design can address challenges like defining a target audience and balancing creativity with functionality. Through collaboration and iteration, we delivered a design aligned with the agency’s vision and user needs. Now transitioning to development, the focus will be on transforming the prototypes into a functional, responsive website that inspires confidence and ensures long-term success.
This project demonstrated how user-centered design can address challenges like defining a target audience and balancing creativity with functionality. Through collaboration and iteration, we delivered a design aligned with the agency’s vision and user needs. Now transitioning to development, the focus will be on transforming the prototypes into a functional, responsive website that inspires confidence and ensures long-term success.