Graphic & Motion Design Brief – NorthCo New Website

Description

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 metaphorAnimation 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 lineso Constellations forming dynamically, with the NorthCo star appearing as a guiding beacono A guiding pathway unfolding towards the NorthCo star, representing business growth and transformation2. Static Website Images (5 Key Graphics)The static images should match the animation’s aesthetic and be used for key website sections.Required Graphics & Concepts1. Facilitated Strategic Meetings – A guided discussion with collaboration pathways2. Facilitated Strategic Planning – A structured roadmap leading to clarity and execution3. Independent Operational Review – A magnifying glass or structured assessment metaphor4. Operational Restructuring Support – A transformation framework or business process shift5. Touchline Coach thought leadership – A visual representing our thought leadership materials overcoming challenges & business growth3. Icon Set (10 Icons for Services & Features)The icons should be simple, conceptual, and match the website’s clean, futuristic style.Main Service Groupings & Icons1. Facilitated Strategic Meetings• Sub-services: Board Meetings, Executive Away Days, Team Alignment• Icon Concept: A structured discussion, connected pathways, or decision framework2. Facilitated Strategic Planning• Sub-services: Business Planning, Market Entry Strategy, Growth Roadmaps• Icon Concept: A roadmap, navigation chart, or strategy layers3. Independent Operational Review• Sub-services: Efficiency Assessment, Cost Analysis, Business Model Review• Icon Concept: A magnifying glass over workflows or data-driven insights4. Operational Restructuring Support• Sub-services: Business Turnaround, Cost Rationalisation, Change Management• Icon Concept: A transformation framework or rebuilding processOther Supporting Icons5. Business Acceleration – A motion-based or progress indicator6. Decision-Making Support – A strategic direction symbol7. Contingency Planning – A structured roadmap or alternative path8. Leadership Alignment – A constellation of interconnected leaders9. Performance Improvement – A bar graph or upward trajectory10. Operational Efficiency – A streamlined process or workflowIcon Style• Minimalist, line-based or slightly abstract• Consistent with NorthCo’s branding (blue & white highlights)• SVG format for scalability4. Branding & Visual Direction• Colour Palette:o The NorthCo star should always be blueo Complementary deep navy, gold, white, and other blueso 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 & icons5. File Format & Delivery RequirementsAnimated Hero Image (Homepage)• Format: Lottie (JSON), SVG animation, or lightweight MP4/GIF• Optimised for fast loading and responsiveness• Subtle, looping animationStatic Images (5 Website Sections)• High-resolution SVG, PNG, JPG• Web-optimised to ensure fast page speedIcons (10 Service & Feature Icons)• SVG format for scalability• Consistent line thickness & visual balance6. Next Steps & Timeline1. Concept Sketches: Initial ideas for the hero animation, static graphics & icons2. Prototype Animation Preview: A test version of the homepage animation3. Feedback & Refinements: Two rounds of revisions4. Final Delivery: All files formatted for web use
I have indicated a budget on here, but please indicate an initial price with your response if your proposal is different.