Melbourne
A strategic partner combining storytelling, technology, and practical common sense to propel your brand and maximize your impact.
Tools used
Figma
Photoshop
Webflow
SerVICE
- UI/UX Design
- Webflow Development
- Project Management
Client
Melbourne
YEAR
2025
Project background
Melbourne agency underwent a significant rebranding initiated by its owner, aiming to elevate their digital service offerings. After auditing their previous website, it was evident the site lacked distinct brand personality. Additionally, using a marketplace template restricted their uniqueness. Thus, we recommended a fully customized redesign to better reflect the brand’s unique character and strengthen market positioning.
Client’s feedback
The team of Dhiren have been able to successfully executed the exact concept that I had plan for this project. We appreciated the extra effort that the team had to do to deliver on time.
The challenge
The client was particularly fond of a textured wall from his office and wanted to integrate it into the website’s hero section. Initially, translating this texture digitally proved challenging as early wireframes didn’t capture its essence or reflect the brand’s personality.
We experimented extensively in Photoshop, proposing creative concepts with storytelling elements. Ultimately, we leveraged this texture as a symbolic backdrop for the hero section, creating a conversational atmosphere that mirrors interactions between the client and their prospective customers.
User Experience Journey
Our primary goal was to create an intuitive and streamlined user experience. Recognizing that the homepage serves as the primary gateway for various user journeys, we strategically structured it to effortlessly direct visitors towards Melbourne’s diverse services.
Rather than isolating each service into separate pages, as initially requested by the client, we proposed integrating all services directly onto the homepage. This approach simplifies navigation, improves readability, and boosts user engagement leading to higher conversion rates.
Key Requirements
A key requirement from the client was to visually distinguish each of their six service offerings through unique elements that align with the brand’s identity. We chose to focus on the ‘3D design’ service as a central theme, creating distinct 3D shapes for each service.
Colors were selected according to clear guidelines, inspired directly by the wall texture, to ensure cohesive branding across all visual elements. We thoroughly tested and validated these designs with Melbourne’s stakeholders, clearly communicating our rationale and demonstrating how the new visual identity aligns with their marketing strategy.
🛠️ Kickoff & Audit
Week 1
- Had various call with the client to understand the brand strategy
- Started exploring various user journeys
- Briefing on the visual to be used
🧠 Research & Strategy
Week 2 - 3
- Elaborate more on the personal and user journeys
- Presented to stalk holders for feedbacks
- Implemented strategies to UX research
🧱 Wireframing & Testing
Week 4 - 5
- Created low-fidelity wireframes based on research
- Internal team testing & quick iterations
- A/B testing with different user groups
🎨 Design Refinement
Week 6 - 7
- Updated brand of Melbourne with new colours
- Implemented the wall texture on hero section
- Exploring 3D shapes for services
🚀 Client Reviews
Week 8 - 9
- Weekly calls for review & feedback
- Knowledge sharing with the client team
- Final delivery of redesigned files
💻 Development Starts
Week 10 - 15
- Handoff of animations and 3D shapes to Webflow devs
- Overview of development and presentation to client
- Refining mobile view of each pages and sections
Process
We used Figma for all design work, and FigJam or Miro for brainstorming sessions and ideation. Weekly calls were scheduled to align on goals, share progress, and address any challenges or open questions.
Communication between the client and our team flowed seamlessly. Every idea and question raised during the process was carefully considered, ensuring no detail was overlooked and every perspective was acknowledged.
Summary
Melbourne’s website project was a great success, marked by efficient collaboration and enthusiastic client engagement. We successfully delivered a website that went live a week ahead of schedule, thanks to thorough planning and structured execution.
Visit the new Melbourne website to experience our collaboration firsthand: melbourne.fr.
Click Here