Architag.au / B2C / Web / E-commerce / Monetization
Web Page Design
Architag is an Australian architecture platform that provides comprehensive services for designers and suppliers.
The goal of this project is to perform a complete upgrade of Architag's website. The design aims to intuitively convey the company's brand mission and provide a more convenient service for different users, including designers and suppliers.
Project Scope
My team have 1 PM, 3 Engineers, 3 Designers.
Timeline
SEE OUR LAUNCHED WEBSITE
Discovering
Challenge
Existing website and brand were not portraying value and generating leads
The existing website and brand were not effectively conveying the value proposition and were falling short in generating leads. As part of the UX design project for this architecture website catering to designers and furniture suppliers, the primary task involves optimizing the homepage. The goal is to create a more engaging and user-friendly interface that effectively showcases the website's features, attracting the attention of both designers and furniture suppliers. The focus will be on enhancing the visual appeal, highlighting key functionalities, and ensuring that the content communicates the full range of services offered by the platform.
Project Scope
Working with founders defined the project goal of repositioning Architag for better customer alignment.
My Contributions
In this exciting project, I designed a visually striking "long-scroll" style landing page and implemented interactive enhancements to the designer interface. Through these design innovations, our focus is on improving the user experience and ensuring that Architag stands out in the industry.
Business Objectives
- Better align product offerings with demand
- Attract new users and increase user conversion rates
Customer Objectives - Supplier
- For suppliers, they want to learn how the platform's business can help them expand their visibility and attract a larger customer base.
Customer Objectives - Designer
- For designers, they want to understand how to use features in the platform for integrated project management, team collaboration, and product presentation.
My Responsibilities
- Leading design efforts (wireframing, visual, prototyping, layouts, etc.)
- Facilitating design workshops
How Might We
Validate Architag’s product offering to increase lead generations?
Validating with users and industry
Interviews with designers and furniture suppliers revealed the gap for our opportunity.
I am a Designer
As a designer, I want to understand how to use features in the platform for integrated project management, team collaboration, and product presentation.
I am a Supplier
As a supplier, I aspire to accelerate the growth of my business. Therefore, I need a more effective platform to promote my products, connect with designers worldwide, and expand my customer base.
Market Research
Before delving into the detailed design process, I conducted some competitive analysis to understand the current landscape of project management tools and furniture e-commerce websites within the architecture industry. This involved examining the strengths and weaknesses of mainstream tools, identifying areas where they excel or fall short, and pinpointing the functionalities they may lack.
online-project management tool
online design and project management tool
one stop platform for home renovation
Summarizing the analysis of this round of competitors, I found that the homepages of these products can intuitively assist users in understanding how the products facilitate project management and collaborative work. Therefore, this is an area I aimed to enhance during the later stages of the design phase.
Design Solution
Solution
We collated the highlights of Architag's selectively optimized it for presentation.
Clear Value Proposition
Ensure that the webpage clearly presents the core value of the project management tool, allowing visitors to quickly understand the advantages and solutions the tool can provide for them.
Provide user guidance and education
Provide information to guide users in using the tool, such as tutorials, demo videos, or guides. This helps new users to quickly get started and understand the core functionalities of the tool.
Utilize engaging visual design
Utilize captivating images, charts, or demonstrations to capture the user's attention. Thoughtfully chosen images and color schemes can create a professional and refreshing image.
Site Mapping
Showcasing the distinctive features of Architag.
Checklisting and compartmentalising key contents through several card sorting exercises.
Design System Fundamentals
Color
Showcasing the distinctive features of Architag.
Architag' s journey started with designer' s color palette, symbolizing creative, energetic, and vitality in space. Drawing from this inspiration, our team has built the foundational visual language for the consumer electronics brand.
#E01C48
#FAB1B1
#FFDEDE
#010101
#F87315
#FFAF0F
#E5E5E5
Spacing
Showcasing the distinctive features of Architag.
For web apps mainly designed for desktop use, the overall spacing may be slightly larger compared to the mobile version.
Therefore, spacing starts at 8px (used more in the mobile) and expands in multiples of 4, such as 12px, 24px, 48px, up to 80px for segment spacing.
Spacing between sections may be even larger, typically maintaining 160-200px per screen to ensure a clear layout.
8 px
12 px
16 px
24 px
32 px
36 px
48 px
64 px
80 px
Final Designs
Features - For Supplier
Features - For Designer
Collaborate with
Marketing Team
In addition to upgrading our website, I also crafted illustration assets and final visual design for our marketing team to post on social media platforms.
Project Outcomes
Delivering key deliverables, meeting objectives and celebrating a successful launch.
Delivering key deliverables, meeting objectives and celebrating a successful pilot launch.
01
45% YoY growth in new registered users.
Architag saw a direct increase in designers and suppliers inquiring further about their offerings through the website’s contact forms.
02
62% less inquiries, more direct service conversions.
New leads were considerably less about general questions and more about actual engagements and purchasing processes.
03
Greater brand awareness and discoverability
Architag’s reach-outs saw a wider variety of demographics from design consultancy, to local furniture merchants.
