Modern Website Navigation Icon System + Info Box Style | 15 Custom Icons

via Freelancer ·

Budget / Salary$30–250
TypeFreelance project
LocationRemote
Posted1 hour ago
Lush Banners is looking for a talented graphic/UI designer to create a modern, cohesive website icon system and complementary navigation info-box/card style for our website.
We are a B2B company specializing in custom printed promotional, event, and trade show displays. Learn more about us at LushBanners.com.
What We Need
We need 15 custom icons for a new Quick Access/navigation section on our website.
The icons will initially be used inside clickable navigation cards, but the visual system should also be reusable throughout other areas of our website, including:
- Navigation menus
- Learning Hub
- Help Center
- Industry pages
- Services and resource sections
The navigation layout and content structure are already defined. We are NOT looking for a complete website or navigation redesign.
The main focus of this project is creating a unique visual system for the icons and their complementary card/info-box style.
Visual Direction
We want the new design to feel:
- Modern, clean, minimal, and intuitive
- Premium and professional for a B2B audience
- Creative and visually interesting without feeling busy
- Light and refined
- Slightly dimensional with a subtle crystal / glass / translucent / 3D-inspired feel
We like the idea of using light blue, silver, gray, transparency, and subtle brand colors, but we do not want every icon to simply be blue.
The icons should be recognizable and easy to understand at normal website navigation sizes.
Navigation Card Style
Each card will generally include:
- Rectangular box/card
- Light background
- Thin/subtle border or dimensional treatment
- Custom icon centered near the top
- Short title underneath
- Consistent styling across the entire icon system
The entire card will be clickable on the website.
15 Icons Needed
Shopping Resources
1. Quick Product Finder
2. Strategic Partner Program
3. Shop By Industry
Company Services
4. Services & Downloads
5. Enterprise Solution
6. What’s New at Lush Banners?
Free Services
7. Free Artwork Review
8. Free 30 Min. Tradeshow & Events Consultation
9. Free Trade Show Mockup
Popular How-To’s
10. How To Order
11. How To Buy In Bulk
12. How To Track Your Order
Design Resources
13. How To Get Your Design
14. Free Online Design Tool
15. How To Design & Approve Proof Online
We may eventually expand this system to 20–30+ icons, so the style needs to work as a scalable icon family.
Deliverables
We expect:
- 15 completed custom icons
- One consistent icon design system
- Complementary navigation card/info-box visual style
- Editable vector source files
- SVG files for web use
- AI/EPS or equivalent editable vector format
- PNG exports where applicable
- Consistent sizing, line weight, perspective, colors, and visual treatment across all icons
The final designs should be easy for our developers to implement on the website.
References & Inspiration
We will provide:
- Screenshot of our planned navigation structure
- Visual inspiration discussed internally
- Detailed spreadsheet with all 15 icons, suggested concepts, and design notes
- Additional Lush Banners website/brand references
IMPORTANT: The reference images are not quite there yet and should only be used as inspiration.
We do not want the references copied literally.
We are looking for someone who can take the general direction and create a more modern, refined, original, and cohesive design system.
What We Want to Avoid
Please avoid:
- Generic stock icons
- Basic icon libraries with minimal customization
- Cartoonish styles
- Excessively colorful icons
- Making every element blue
- Heavy gradients or excessive shadows
- Overly complicated 3D designs
- Icons with too much detail to work at navigation size
- Inconsistent icon styles
The final result should feel like one intentionally designed icon family, not 15 unrelated graphics.
To Apply
Please include:
1. Examples of icons, UI elements, navigation cards, or similar design systems you have created.
2. Your estimated timeline for completing the project.
3. Confirmation that you can provide editable vector/source files.
4. A short explanation of how you would approach creating a consistent style across all 15 icons.
Please start your proposal with the word “LUSH” so we know you reviewed the full project description.
More Projects Await!
We have additional website design work planned and would be happy to continue working with the right designer after this project.
Good communication, attention to feedback, and reliable turnaround are very important to us.
graphic design user interface / ia icon design adobe illustrator figma vector design
Apply on Freelancer →

Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.