MarvelVS Creative Have a project? ↗

Brian Marvel / Creative portfolio

Creative ideas.
Useful tools.
Built by Marvel.

I’m Brian Marvel. My background is in restaurants and events. I create websites, visual concepts, practical digital tools and browser games. Explore the work, try the demos and see where an idea could go.

Self-directed concepts and working demonstrations. Open to selected projects, subject to fit and availability.

The concept reel01 / 05

Mango & Smoke

Restaurant identity / Website / Promotion

Independent fictional concepts. Explore all five below ↓

01 Five website & brand concepts02 Tools, dashboards & browser games03 Before, after & the thinking between

The portfolio / 01—05

Selected concepts.

Five independent concept studies, created to show how a business can look, communicate and guide its customers. Each is a fictional image concept. These are design explorations, with no client affiliation or performance claims.

01

Restaurant / Tampa, FL · Independent concept

Mango & Smoke

Explore the website
Website preview

Live view · Use “Explore the website” to interact with the full concept.

A restaurant identity with flavor beyond the menu.

Filipino food, American barbecue and tropical hospitality brought together across a website, menu and promotional artwork.

Design decision

A dark canvas gives the food the spotlight. Citrus-colored accents and expressive type carry the same character from the menu to happy-hour artwork.

The visitor’s next step

Menu categories make the food easy to browse. Happy hour, gatherings and sample operating hours each have a clear place in the navigation.

Brand direction · Website · Menu · Promotions

See the connected launch ↗
Worth a closer look

Browse the menu, then follow the happy-hour link to see the identity carried into the promotional pieces.

The same identity, carried into a happy-hour poster.The same identity, carried into a happy-hour poster.View detail ↗
02

BBQ & live music / Austin, TX · Independent concept

Red River BBQ

Explore the website
Website preview

Live view · Use “Explore the website” to interact with the full concept.

Two reasons to visit. One connected destination.

A barbecue and music venue concept that gives the food and the courtyard stage equal importance.

Design decision

Warm tones, venue imagery and gig-poster styling connect the food with the atmosphere of a night out.

The visitor’s next step

The menu and music information give visitors two useful starting points, with a consistent identity between them.

Brand direction · Website · Music & event creative

Worth a closer look

Explore the food and music sections, and notice how the visual language carries through both.

The venue identity, extended to uniform and merchandise artwork.The venue identity, extended to uniform and merchandise artwork.View detail ↗
03

Hair studio / Toronto, Canada · Independent concept

Chroma Hair Studio

Explore the website
Website preview

Live view · Use “Explore the website” to interact with the full concept.

Bold color, with a clear next step.

An expressive salon concept that connects an eye-catching first impression with practical service information.

Design decision

Large portraits and a violet palette establish the personality. Clear service descriptions keep the visual character useful.

The visitor’s next step

Service choices and indicative CAD pricing help a first-time visitor understand the options before trying the consultation preview.

Brand direction · Website · Service presentation

Worth a closer look

Try the service selector to see how a visitor’s choices become a consultation starting point.

A consistent first impression across business cards and stationery.A consistent first impression across business cards and stationery.View detail ↗
04

Tattoo studio / Washington, DC · Independent concept

Black Lantern Tattoo

Explore the website
Website preview

Live view · Use “Explore the website” to interact with the full concept.

Let the artwork lead. Make the first inquiry approachable.

A studio identity that gives detailed tattoo work room to speak while explaining how an idea becomes a consultation.

Design decision

Charcoal, bone and oxblood tones frame the artwork. The supporting text keeps the process approachable without competing with the images.

The visitor’s next step

The consultation demo breaks an initial inquiry into useful choices, including style, placement and size.

Brand direction · Website · Consultation experience

Worth a closer look

Build a sample consultation brief and review how those choices are presented together.

Artwork detail from the independent studio concept.Artwork detail from the independent studio concept.View detail ↗
05

Martial arts studio / Chicago, IL · Independent concept

Iron Tide Martial Arts

Explore the website
Website preview

Live view · Use “Explore the website” to interact with the full concept.

Training energy. A welcoming place to start.

A martial arts concept that balances active imagery with the information a prospective student needs before a first class.

Design decision

Graphite and cyan connect the studio’s energy with clear program descriptions and schedule information.

The visitor’s next step

Program choices, a sample schedule and a class-introduction demo make the path from curiosity to a first visit easier to understand.

Brand direction · Website · Program & schedule design

Worth a closer look

Filter the sample schedule, then explore the class-introduction demo. Sample times use Chicago’s Central time.

Training imagery supports the program and class information.Training imagery supports the program and class information.View detail ↗
Mango and Smoke connected business launch example

One concept / The complete launch example

One business.
Every touchpoint.

Follow Mango & Smoke from a visual direction to its website, menu, social content, promotion and a working opening checklist.

Explore the connected launch ↗

Independent fictional case study.

Selected explorations / Beyond the website

Different formats.
The same attention.

Digital products, playable worlds and a clearer visual identity. Explore the work in the format that fits your idea.

Explore the working demo ↗

01 / Interactive products

Clarity for
the working day.

A considered workspace for the details that keep a business moving. Explore three fictional examples: venue overview, event planning and team handover.

  • Interface design
  • Interactive dashboards
  • Workflow planning
Open the workspace ↗
See the design decisions ↗

03 / Design decisions

Purpose in
every detail.

Two design studies that show how hierarchy, typography and a more focused message can change a menu or event page.

  • Visual identity
  • Layout & typography
  • Before & after
Explore the comparisons ↗

Independent portfolio concepts using fictional businesses and sample data. The game artwork illustrates an art direction; the playable scene is a separate interactive prototype.

Beyond the browser

Beyond the website.

A salon’s first impression. A restaurant’s next promotion. A venue’s team uniform. Different concepts, each with a look that carries beyond its website.

Chroma Hair Studio concept business cards and stationery
Chroma / Business cards & stationery
Mango & Smoke concept happy-hour poster
Mango & Smoke / Flyers & promotions
Red River BBQ concept uniform and merchandise artwork
Red River BBQ / Uniform & merchandise artwork

Fictional portfolio concepts with image mockups that illustrate the creative direction. Printing, garments and embroidery production are arranged separately.

The work behind the visuals

Sample project documents.

The planning is part of the work. These fictional examples show how I turn a loose idea into a brief, a promotion or a plan someone can actually use.

Preview of the website project brief sample

01 / Website & digital presence

A clearer website starts here.

A sample customer journey, page plan, content checklist and launch review. See how a vague request becomes a focused brief.

Example deliverables
Project brief · Website pages · Launch checklist · Handover notes

View the sample brief PDF · 2 pages · Fictional example
Preview of the promotion and content plan sample

02 / Content & promotion

One promotion. A connected plan.

A campaign brief, four-week content schedule and measurement worksheet connect the creative to the next customer action.

Example deliverables
Campaign brief · Poster & social artwork · Copy · Content calendar

View the sample plan PDF · 2 pages · Fictional example
Preview of the operations action plan sample

03 / Business & operations

Turn recurring issues into next steps.

A practical action plan and reusable shift handover worksheet make responsibilities, priorities and follow-through easier to see.

Example deliverables
Process review · Priorities · Action plan · Team checklists

View the sample action plan PDF · 2 pages · Fictional example

Created for this portfolio using fictional scenarios. Examples illustrate an approach; your deliverables, responsibilities and timing are agreed in your own project scope.

Planning your own project? Use the free restaurant menu design brief or the restaurant website checklist to gather what you need.

Brian Marvel, founder of MarvelVS Creative

Brian Marvel / Founder & your direct contact

The person behind the work

Brian Marvel.
Call me Marvel.

A shift needs a clearer handoff. A new manager needs support. An event needs a plan—and a promotion. I know how those things end up on your list.

My background is in restaurant and bar operations, private events and team support. That experience informs MarvelVS Creative: a place for my design concepts, digital tools and experiments with how things work.

I enjoy connecting the visual side with the useful side: a good-looking page, a clearer handoff, a planning tool that makes the next step easier. This portfolio gives those ideas somewhere to live. If something here fits a project you have in mind, let’s talk about it.

Have something in mind?

From a small demo to your own project

Give the idea
room to develop.

These are self-directed explorations. Your project starts with your audience, your priorities and the resources you want to put behind it.

A funded project can make room for deeper research, original photography or artwork, specialist help, paid tools and integrations, and more rounds of testing. We choose the pieces that serve your idea and agree the costs before committing.

  1. Find the useful first version.A focused website, a planning workflow, a playable prototype—something with a clear purpose.
  2. Put the budget where it matters.Agree the design, content, features, testing and any outside services the project actually needs.
  3. Review it together.Use working previews to refine the details. Accounts, shared data, payments and production launch need their own agreed scope.
Tell me what you have in mind ↗

A little context

About the work.

What these examples show, and how a project could begin.

Have a different question? ↘
Can you help set up or redesign my social media?

Yes. A focused project can include profile and cover artwork, a clearer bio, highlight covers, reusable post templates and a small starter content set. We agree the platforms and deliverables around your business. Explore social media setup and refresh.

Are these real client projects?

The five businesses are independent fictional concepts. The interactive tools, game and design comparisons were also made for this portfolio. They demonstrate an approach without using work that belongs to previous employers or making client-result claims.

Can I try the dashboards and game?

Yes. Open Interactive work to switch between the venue, event-planning and restaurant-handover demos, play a small browser game or explore a sample event layout. The dashboards use fictional data and reset when you reload.

Could you build a tool around my own process?

That is a good starting point for a conversation. Tell me who would use it, what they need to do and which information it would use. We can scope a prototype first. Shared data, accounts, integrations, reliability and support need their own requirements and testing.

What difference does a project budget make?

A budget lets us plan time and resources around your goal. That could include deeper research, original visuals, specialist input, paid services, additional features and more testing. We agree the useful first version and any outside costs before committing.

Are you available for projects?

I’m open to selected creative and digital projects, depending on fit, scope and availability. Send a short description of your idea, audience, budget and timing. Payment timing and included feedback rounds are agreed for each project.

What can I bring to start the conversation?

A rough idea, an existing website, a sample spreadsheet or an everyday task that takes too much effort. Explain what you want to make easier. Please keep passwords, payment information and private customer or employee records out of the initial inquiry.

Have an idea worth exploring?

Let’s make
something useful.

Tell me what you want to build, who it is for and the budget or timeframe you have in mind. I’ll let you know whether it’s a good fit and what a sensible first version could include.

Talk through a project

Prefer to talk it through? Choose a time for a Google Meet call. Opens in a new tab.

hello@marvelvscreative.com

Selected creative & digital projects · Delivered online
Availability and scope agreed for each project

Your details are used to reply to this inquiry. No mailing list. Please don’t send passwords or payment details. Privacy details.