Wireframe | Recipe App Wireframe


  • Wireframe
  • Recipe App Manual Design
  • Recipe App Digital Design


A wireframe is the structure of the design, layout of the design, or just a basic sketch of an app or website to view how it looks.

If you know Html, then what HTML is to the website is Wireframe to design.

There are types of Wireframes

  • Low fidelity wireframe: include the most basic content and visuals and are usually static (not interactive).
  • High fidelity wireframe: looks and feels like more towards the end product.

Recipe App - Manual

  • For every single page, I go through different versions

Login/Signup Page

Home Page

Search Page

Recipe Page

Recipe App Wireframe — Digital




Developer by Degree | Designer by Passion

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

DesignerCon Enters the World of Digital Collectibles With VeVe

How Stephanie Akkaoui Hughes creates space by architecting interactions

2020 Golden Horse Award Ceremony Key Visual

57th Golden Horse Award Poster (Source: https://gha57.com)

UX/UI design project — Add donations feature to Wallapop

Exploring A New Trend In Parasite Architecture

UX Case Study — Her Tech Trail project

Accessible Utility Statements: What’s Involved

Utility pole with wires running through with a cloudy and blue sky in the background

First things first

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


Developer by Degree | Designer by Passion

More from Medium

Navigation — UI Design |Masterclass 86 — Howard Pinsky

Dark Mode is a thing now: 3 simple steps to build dark interfaces

Case Study: Tech-O Mobile App Design

Designing a Responsive Sidebar with Figma Variant and Component