CV
Summary
Problem:
MCC Economics' website suffered from inconsistent branding, poor responsiveness, unclear content, and outdated design. The site failed to effectively showcase its expertise or facilitate client engagement.
Solution:
Redesigned the website with a cohesive brand identity, improved functionality, and clear content structure. Hosted on Webflow and implemented CMS integration, third-party tools, and responsive design to enhance user experience and effectively present MCC's services.
TIMELINE
3 months
TEAM
1 Visual Designer (me)
1 Webflow Developer (me)
1 Project Manager
TOOLS
Figma
Webflow
Notion
Google Sheets
DISCIPLINES
Visual Design
Webflow Development
Context
MCC Economics is a leading consultancy firm based out of the UK and UAE, specializing in providing strategic advice and support to utility, transport, and communications organizations. With a focus on industries such as gas, electricity, water, and aviation, MCC Economics offers a wide range of services including economic analysis, regulatory support, financial management, and data analytics.
As the sole designer and webflow developer on the team, I owned the whole design process for the MCC’s website using marketing materials and content given by the team.
WHY THE REDESIGN
required functionalities
1: Interlinking CMS Setup
Interlinking teammates, services and publications using single and multi-reference fields through Webflow’s CMS functionality.
2: PayPal Setup
Integrating PayPal to buy data for MCC’s publications.
3: Calendly Setup
To book consultation meetings with clients.
4: Shiny App Embed
Embedding the Shiny Dashboards to show the expertise and process of working.
5: LinkedIn Feed Embed
Implementing LinkedIn Feed on the homepage.
Website goals
After creating a user journey, I strategically identified key objectives, developed a targeted action plan, and executed it effectively to achieve desired outcomes and overcome obstacles — make sound decisions in pursuit of goals and in response to challenges.
Content Goals
1: Clarity Of Purpose
Articulate their mission and diverse financial services for clients across various sectors.
2: Highlight Services
Highlight offerings: data insights, financial strategies, and innovative solutions.
3: Transparent Information
Present transparent details on processes, pricing, services, eligibility, and client history.
4: Customer Support Visibility
Create engaging content showcasing their unique value and industry-specific expertise.
5: Trust Building
Build trust through expertise demonstrations, testimonials across industries.
Usability and Design Goals
1: Calls-to-Action
Create prominent, logical CTAs to guide user journey smoothly.
2: Mobile Responsiveness
Design responsive, easily tappable elements for mobile users.
3: Simplistic Design
Implement clear navigation for quick access to relevant information and services.
4: Readability and Scannability
Optimize layout for easy reading and scanning of content.
5: Consistent Branding
Maintain consistent branding for a cohesive, professional look that builds trust.
6: Dynamic Content Sections
Design updateable sections linking team members, services, and publications.
Design HIGHLIGHTs
The project will follow an agile methodology, with iterative development cycles and frequent client feedback to ensure the website meets the desired requirements and objectives.
Finalized Wireframes
Mood board: After multiple iterations on mood board, client finalized on 2 variations, chose the first (Trusted Consultants) at the end.
learnings
1: End-to-end ownership
Managing the entire design process as the sole designer and developer.
2: Balancing aesthetics and functionality
Creating a visually appealing design while ensuring practical usability.
3: Agile methodology
Implementing iterative development cycles with frequent client feedback.
4: Strategic planning
Aligning website design with broader business goals and user needs.
impact and key metrics