Website UI/UX, Case Study -
the archery garage
The Archery Garage is an online store offering top-quality archery equipment tailored to your specific needs. Find a wide range of bows, arrows, accessories, and more. Benefit from convenient browsing and purchasing options while ensuring product excellence. Prioritize safety and enjoy your archery journey.
project overview
A client asked the team to design an online store website to offer top-quality archery equipment. Find a wide range of bows, arrows, accessories, and more.
- User Friendly interface for easy exploration.
- Minimal and modern Design.
- Well-performing improves user experience.
Problem Statement -
The agency seeks a simple, clean design with elements of rustic charm, animals, or a jungle theme to complement their archery equipment sales services. This combination captures the essence of their offerings while maintaining an aesthetically pleasing and visually appealing website.
- Design elements fit for website
- Unnecessary steps on buying process & visit website.
- Icon design thats fits for website
Possible Solutions -
To address these issues and improve our website, we have developed a comprehensive plan of action:
- Modernize Design: website's design to align it with current trends and industry standards.
- Implement a user-friendly navigation menu: Ensure the website's navigation is intuitive and easy to use. Categorize products effectively, provide clear labels, and consider using dropdown menus or filters to help users find what they need quickly.
- We design icon which is consistent with the overall visual style and branding of the website.
My Role -
- UI Design
- UX Research
- Project Management
Timeline -
- January 2018 - December 2019
Tools Used -
- Photoshop
- Illustrator
- Figma
my contribution -
In this project, I served as the sole product designer, taking on multiple roles and responsibilities. I took charge of identifying the problem at hand, conducting user research and testing, and designing both the UI and UX.
My Design Process
- Research -
- Competitor Analysis
- Problem & Solution
- User Flow
- Design -
- Site Map
- WireFrames
- UI Design
- Prototype-
- Uesr Testing
- Animation
- Client Approval -
- Final Presentation
target user
Who is our target user?
Through a comprehensive analysis of the company’s profile and examination of the previous year’s data, we gained valuable insights into the target audience and market dynamics. This research enabled us to identify the specific type of company we should prioritize when designing our website.
Under 30
24%
30 - 55
66%
55+
10%
By understanding the company’s niche, industry trends, and customer preferences, we were able to tailor our design approach to effectively engage the target market and create a visually appealing and impactful website that resonates with the desired audience.
competitor analysis
What can we learn from competitors?
We conducted a thorough analysis of our competitors’ websites. By studying their design strategies, we identified common elements of simplicity and modernity that resonated with us. Inspired by these findings, we aimed to implement similar solutions on our own website.
user friendly
80%
Minimalist design
60%
target customer
90%
- Streamline User Journey
- Modern design elements, clean layouts
Site Map
How would a user complete a transaction?
We developed a site map based on the specific requirements outlined by the client, with a primary focus on simplicity and user-friendly. Our team carefully analyzed the client’s needs and translated them into intuitive wireframes.
Style guide & ui design
Color palette
To create a cohesive visual experience, we derived a color palette directly from the colors present in the company logo.
#2a2925
primary
#e74314
secondary
#a1a1a1
text
Typography
Our selection of typography was a result of extensive research conducted on company logo.
- Heading (H1-H6) - Helvetica Neue Condensed Font Family
- Body, Paragraph, Text - Helvetica Neue Font Family
- link, Button - Helvetica Neue Condensed Font Family
Ui Design
We will overhaul the website’s design to align it with current trends and industry standards. By incorporating modern design elements, clean layouts, and intuitive user interfaces, we will create a visually appealing and engaging website that reflects the company’s identity.
Revisions
Feedback from client and how i improved my design.
We prioritize client feedback and consider it a valuable asset in our design process. Every piece of feedback provided by our clients is taken seriously and thoroughly analyzed. We place great importance on implementing client feedback to the best of our ability, ensuring that their suggestions and requirements are incorporated into the design. By actively incorporating client input, we strive to create a final product that not only meets their expectations but also exceeds them.
- Redesign some pages and section.
- Improve typography according to client requirements.
- Incorporating more modern design elements, clean layouts, and intuitive user interfaces.
design hand off
How did I hand-off my designs to client?
I facilitated the smooth transition of the design to the client, ensuring a seamless hand-off process. Throughout the project, I wore multiple hats and played a crucial role in every stage of the design process, from inception to implementation.
- Client Meeting
- Documentaion
- Final Presentaion
