Food Truck Website
Energetic Brand Website Concept
RoleWeb Design
ToolsFigma
Timeline: 2 daysType: Concept

01
Problem
This was a design-only [[Figma]] concept for a food truck brand — the goal was to translate the brand's lively personality into a digital experience people would immediately connect with.
Design Challenges
- Balancing high visual energy with a layout that stays clear and easy to navigate
- Avoiding an interface that felt chaotic or overwhelming despite the brand's bold visual style
- Maintaining [[brand consistency]] across all sections while pushing creative boundaries
- Delivering a complete, polished concept within a 2-day timeline
02
Solution
Design Approach
- Built energy through bold [[typography]], expressive colour palettes, and dynamic layout decisions
- Every section designed to reflect the food truck's personality while maintaining clarity and visual hierarchy
- Used the brand's existing visual elements as creative constraints, not limitations
Tools & Techniques
| Aspect | Approach | Outcome |
|---|---|---|
| Tool | Figma | Full layout, components, and prototype |
| Colour | High-contrast, brand-matched palette | Energy and identity without visual chaos |
| Typography | Bold, expressive typefaces | Personality-driven visual communication |
| Layout | Dynamic, rhythm-based sections | Guides the eye naturally through content |
This project was a deliberate opportunity to explore a visual style outside my usual aesthetic — more playful, vibrant, and expressive.
03
Learnings
What the Project Proved
- Strong visual storytelling can elevate even a simple layout into something memorable
- Adapting design decisions to a brand's personality leads to more authentic and impactful outcomes
Skills Developed
- Controlling visual energy without sacrificing usability — knowing when to dial up and when to restrain
- Designing within an aesthetic that differs from personal preference — a key professional design skill
- Working at speed in Figma without losing attention to quality or craft
What I'd Push Further
- Develop the concept into a full interactive [[Figma]] prototype with animation
- Add a mobile-first layout variation to stress-test the design across screen sizes
- Expand the design system into a full brand identity package



