Someone looking for a stamped birthday-card tutorial shouldn’t have to open a menu, choose “Blog,” scroll through categories, and guess whether the project lives under “Inspiration” or “Projects.” On a phone, those extra choices interrupt the route to the instructions. If that reader later wants to find the stamp set or ask about a custom card, those options should be easy to spot without getting in the way of the project.
Mobile navigation goes beyond the menu icon. It includes the labels people tap, the order of sections, links within a tutorial, and the route to a useful next page. For a cardmaking blog or small creative business, those routes connect ideas, instructions, materials, and enquiries. A phone screen makes confusing routes harder to ignore.
Why a smaller screen changes the experience
A desktop menu can show several categories at once. On a phone, those choices may sit behind one button. That leaves room for card photos and instructions, but it hides the site’s structure until someone opens the menu. A button labelled only “Menu” gives little clue about what’s inside; a list of twenty links takes time to scan.
Readers may land on a tutorial rather than the homepage. Someone following a link to a light-up card might need the circuit-supply list, other interactive projects, or workshop information. Those routes should work from the tutorial itself. A tidy homepage won’t help much if the page they’ve opened is a dead end.
The cost of a confusing route isn’t always an abandoned purchase. A reader might miss the printable measurements or leave before finding a beginner project. A potential custom-card client might not realise you take commissions. Clear navigation reduces that uncertainty, though it can’t guarantee what anyone will do next.
Start with the jobs visitors came to do
Before changing the menu, write down the main things people come to your site to do: find a beginner tutorial, browse techniques, check a materials list, look at finished cards, or ask about a workshop or commission. If you run a shop, they may also need product categories and delivery information. These are different tasks; one vague “Explore” label won’t help much with all of them.
Group pages by how a visitor would look for them, not by your publishing calendar. “Tutorials” signals a destination more clearly than “The Studio.” Within it, “Stamping,” “Stencils,” “Marker Colouring,” and “Light-Up Cards” tell readers what they can learn. If a category has only a few projects, it may be easier to put a clearly labelled section on the tutorials page than to create a separate category page.
Search helps when someone knows which project they want. But a reader who wants to try marker colouring may not know what you called a particular card. They need a way to browse, too.
Decide what belongs in the main menu
The main menu doesn’t need to hold every page. Give its limited space to destinations that help people choose a direction, such as:
- Tutorials for step-by-step projects and technique guides.
- Materials for tools, paper, inks, and other supplies, if those guides are a substantial part of the site.
- Custom Cards or Workshops if you offer those services.
- About to explain who makes the projects and what the site covers.
- Contact for questions and enquiries.
That’s a starting point, not a template. A blog without services may need only tutorials, materials, about, and contact. Privacy information can stay accessible elsewhere without competing with project categories. For each top-level label, ask: could a first-time visitor predict what they’ll find after tapping it?
Make the menu easy to open, read, and close
Put the menu control where people can find it and label it “Menu” visibly or accessibly. A three-line icon may be familiar, but text removes guesswork. Make it clear when the menu is open. Its links need enough contrast to read and enough space between them for someone to tap one without hitting the next.
Take extra care with nested categories. Tapping “Tutorials” may be expected to open the tutorials page, while an arrow beside it may expand subcategories. If you offer both actions, make them visually distinct and separately tappable. A category that expands on the first tap and opens a page on the second, with no clue that it works that way, is hard to use. Several levels of links also become awkward when only part of the menu fits on screen.
Check what happens after a selection. The menu should close and leave the new page unobstructed. Its close button should be easy to find, especially if the menu fills the screen.
Keep labels concrete
Creative names are lovely for project series; menu labels need to be plain. “Ink & Imagination” might suit a post collection, but “Stamping Tutorials” tells a newcomer what to expect. Use the same terms throughout the site. If the menu says “Light-Up Cards,” don’t call the destination “Paper Circuits” without explaining the connection.
The same goes for services. If the menu says “Custom Cards,” use similar wording in headings and nearby links. Otherwise, readers have to work out whether “Bespoke Makes,” “Commissions,” and “Personalised Orders” mean the same thing.
Give tutorial readers useful routes within the page
The menu is only part of the picture. A detailed card tutorial might cover supplies, cutting measurements, colouring, assembly, and troubleshooting. Scrolling back and forth through those sections is a nuisance when one hand is busy with adhesive or ink.
Clear headings help readers find their place. On a longer project, a short list of links near the top can take them straight to “Materials,” “Cutting Measurements,” “Assembly,” or “Common Fixes.” A short tutorial probably doesn’t need that extra block.
At the end, suggest a useful next project rather than a wall of unrelated posts. Someone who’s just made a stamped card might like a marker-colouring tutorial. A reader tackling an LED greeting card might prefer a simpler paper-circuit project before another complex design. Name the destination in the link text so they know what they’re choosing.
Sometimes the problem isn’t navigation. If readers keep returning to the materials section, a quantity may be missing or a tool may need an explanation. Fix the instructions first, then make the moves readers still need easier.
Keep business paths visible without interrupting the craft
Visitors to a cardmaking business may want to book a workshop, enquire about a batch of invitations, or browse finished designs. They should be able to find those options from any page, but a tutorial doesn’t need a sales prompt in every paragraph.
Give a core service a straightforward menu label. On the service page, explain what you offer before asking people to fill in a form. Someone who found you through a stencil tutorial may want to see examples and understand the process first. For a closer look at that page, the guide to building trust on a cardmaking service website covers what it needs to communicate.
If a button stays on screen as readers scroll, test it against the tutorial. A persistent “Contact” button shouldn’t cover a cutting measurement, photo caption, or menu control. A clear menu item and a well-placed link near the end of a relevant page may be enough; it depends on the layout and what the reader is trying to do.
Test the routes on a real phone
A narrow desktop preview is useful, but a real phone shows things a mouse can hide: missed taps, text that needs zooming, or a crowded menu. Try a smaller screen and, if you can, a larger phone. Check portrait view, then turn the phone sideways to see whether the menu still fits.
Give yourself tasks instead of asking whether the site “looks good.” Start on a tutorial page and try to:
- Find all beginner cardmaking tutorials.
- Open a guide to another technique, such as stencilling.
- Locate the current project’s materials and measurements.
- Find out whether custom cards or workshops are offered.
- Reach the contact page, then return to the tutorial.
Note every pause or wrong turn. If a label makes you hesitate on your own site, it may puzzle someone new to it. Ask another person to try the same tasks without hints, and watch the route they take rather than pointing them toward yours.
Include accessibility checks in the same pass
Try the menu with a keyboard and check that you can see where the focus is. Opening a dropdown shouldn’t trap focus or leave links out of reach. Increase the phone’s text size, too: do labels wrap neatly, or do they overlap or disappear? These checks matter for readers using a keyboard, screen reader, or enlarged text.
An icon-only menu control needs an accessible name, and assistive technology should be able to tell whether the menu is expanded or collapsed. “Stamping Tutorials” is more useful link text than another “Learn more.” Good contrast and generous spacing also help someone checking the next step between cuts at the craft table.
Choose fixes by the friction they remove
You don’t need a redesign for every menu problem. Renaming “Ideas” to “Tutorials,” trimming an overgrown category list, or adding a materials jump link to a long project may address the trouble. Where possible, change one route at a time and test whether the task has become easier.
If you use analytics, treat the numbers as clues, not proof of why someone left. A popular light-up-card tutorial with few clicks to related beginner projects might need a clearer next link. Readers might also have found exactly what they needed. Check a pattern against a hands-on test or a specific reader question.
Revisit navigation as the site grows. Three projects can become a long category list, and a workshop page can linger in the menu after bookings close. The checklist for small cardmaking website maintenance checks that build trust covers that wider upkeep. For navigation, review labels, category pages, and routes from your busiest tutorials whenever you add a significant new section.
For a first check, open your longest tutorial on a phone. Start at the first instruction, find the materials list, return to your place, then look for another project using the same technique. Write down the first tap or scroll that leaves you unsure where to go. That’s the place to start fixing.