Graphic & Motion Design Brief – NorthCo New Website

Hi, I need some Graphic design for my new website.

Project: Animated Hero Image + 5 Static Images + 10 Icons

using this example for Inspiration: https://cognosis.co.uk

1. Animated Hero Image (Homepage)
Concept & Theme
• Represents movement, navigation, and transformation
• Aligns with NorthCo’s branding (North Star & Great Bear)
• The NorthCo star (blue) should be a focal point, symbolising guidance and clarity
• A rocket, ship, and constellation-based journey metaphor
Animation Style
• Smooth, looping animation (subtle and non-distracting)
• Web-friendly format (Lottie, SVG animation, or lightweight MP4/GIF)
• Ideally CSS/SVG-based for performance efficiency
• Motion Ideas:
o A spacecraft or object moving towards the blue NorthCo star, with glowing navigation lines
o Constellations forming dynamically, with the NorthCo star appearing as a guiding beacon
o A guiding pathway unfolding towards the NorthCo star, representing business growth and transformation
2. Static Website Images (5 Key Graphics)
The static images should match the animation’s aesthetic and be used for key website sections.
Required Graphics & Concepts
1. Facilitated Strategic Meetings – A guided discussion with collaboration pathways
2. Facilitated Strategic Planning – A structured roadmap leading to clarity and execution
3. Independent Operational Review – A magnifying glass or structured assessment metaphor
4. Operational Restructuring Support – A transformation framework or business process shift
5. Touchline Coach thought leadership – A visual representing our thought leadership materials overcoming challenges & business growth
3. Icon Set (10 Icons for Services & Features)
The icons should be simple, conceptual, and match the website’s clean, futuristic style.
Main Service Groupings & Icons
1. Facilitated Strategic Meetings
• Sub-services: Board Meetings, Executive Away Days, Team Alignment
• Icon Concept: A structured discussion, connected pathways, or decision framework
2. Facilitated Strategic Planning
• Sub-services: Business Planning, Market Entry Strategy, Growth Roadmaps
• Icon Concept: A roadmap, navigation chart, or strategy layers
3. Independent Operational Review
• Sub-services: Efficiency Assessment, Cost Analysis, Business Model Review
• Icon Concept: A magnifying glass over workflows or data-driven insights
4. Operational Restructuring Support
• Sub-services: Business Turnaround, Cost Rationalisation, Change Management
• Icon Concept: A transformation framework or rebuilding process
Other Supporting Icons
5. Business Acceleration – A motion-based or progress indicator
6. Decision-Making Support – A strategic direction symbol
7. Contingency Planning – A structured roadmap or alternative path
8. Leadership Alignment – A constellation of interconnected leaders
9. Performance Improvement – A bar graph or upward trajectory
10. Operational Efficiency – A streamlined process or workflow
Icon Style
• Minimalist, line-based or slightly abstract
• Consistent with NorthCo’s branding (blue & white highlights)
• SVG format for scalability
4. Branding & Visual Direction
• Colour Palette:
o The NorthCo star should always be blue
o Complementary deep navy, gold, white, and other blues
o Other complimentary Colour suggestions welcome
• Minimalist & High-end: No excessive details, just strong conceptual visuals
• Dark backgrounds with illuminated elements: To create a sense of depth and professionalism
• Cohesive style across all images, animation & icons
5. File Format & Delivery Requirements
Animated Hero Image (Homepage)
• Format: Lottie (JSON), SVG animation, or lightweight MP4/GIF
• Optimised for fast loading and responsiveness
• Subtle, looping animation
Static Images (5 Website Sections)
• High-resolution SVG, PNG, JPG
• Web-optimised to ensure fast page speed
Icons (10 Service & Feature Icons)
• SVG format for scalability
• Consistent line thickness & visual balance
6. Next Steps & Timeline
1. Concept Sketches: Initial ideas for the hero animation, static graphics & icons
2. Prototype Animation Preview: A test version of the homepage animation
3. Feedback & Refinements: Two rounds of revisions
4. Final Delivery: All files formatted for web use