Work · alternatives · 2026

24 alternatives to The modern web design process

An in-depth guide to the processes behind great websites.

The Modern Web Design Process is an in-depth guide that explores the methods behind successful website creation. It covers the complete workflow from initial discovery through post-launch refinement, including… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. The modern web design process launched in 2017; newer entries below may have overtaken it.

1. 1
   Web Design in 4 minutes▲1,624

   Learn the basics of web design in 4 minutes with this interactive tutorial.

   2016 · jgthms.com · its alternatives →

2. 2
   Spline▲1,191

   Design tool for 3D web experiences

   2020 · spline.design · its alternatives →

3. 3
   Webflow University 2.0▲599

   Learn web design, development & time travel - visually

   2020 · university.webflow.com · its alternatives →

4. 4
   FlowMapp 3.0▲1,142

   Visual website planning in the most powerful way

   2024 · flowmapp.com · its alternatives →

5. 5
   WeWeb▲537

   Create websites faster with a next-generation visual builder

   2021 · weweb.io · its alternatives →

6. 6
   Design Research Technique▲240

   Huge repository of design techniques for every project stage

   2015 · its alternatives →

7. 7
   UX Timeline▲549

   See how some of today's best companies have evolved

   2016 · uxtimeline.com · its alternatives →

8. 8
   Page Flows▲370

   User flow design patterns to help you get unstuck

   2018 · pageflows.com · its alternatives →

9. 9
   UX Flow Wireframe Prototyping System▲453

   Create beautiful user flows prototypes for your next project

   2017 · its alternatives →

10. 10
    UX Design Process Best Practices▲76

    Documentation to move design forward

    2016 · uxpin.com · its alternatives →

11. 11
    Hello Web Design▲234

    A book for programmers who want to learn design

    2018 · hellowebbooks.com · its alternatives →

12. 12
    Web Design 101▲90

    The future of the web is in your hands.

    2016 · webflow.com · its alternatives →

13. 13
    Modern Web Practices▲81

    In its infancy, web development used to be simple.

    2014 · leanpub.com · its alternatives →

14. 14
    The Full Stack Web Course▲177

    An online course on how to design and build a web app

    2015 · its alternatives →

15. 15DW
    Designing Web Applications▲105

    2012 · nathanbarry.com · its alternatives →

16. 16AI
    An interactive guide to how browsers work▲302

    A guide on how browsers work.

    Jan 2026 · howbrowserswork.com · its alternatives →

17. 17
    Mobile Patterns▲249

    Inspiration gallery of design patterns for successful 📱apps

    2018 · mobile-patterns.com · its alternatives →

18. 18
    The Best Designs▲264

    Featuring the best of web design.

    2015 · its alternatives →

19. 19
    Web Design Trends 2016: The Definitive Guide▲81

    Read it all online, or save as a PDF later.

    2016 · uxpin.com · its alternatives →

20. 20
    Web Skills – A Visual Learning Guide for Web Developers▲98

    A visual overview of useful skills to learn as a web developer

    2020 · andreasbm.github.io · its alternatives →

21. 21
    Real-Life UX Processes▲85

    Peek inside design at Slack, Autodesk, and others.

    2016 · uxpin.com · its alternatives →

22. 22
    The Web Design Handbook▲158

    Design Amazing Websites

    2015 · rafaltomal.com · its alternatives →

23. 23
    How To Present Web Design & Get Better Client Feedback▲63

    A practical guide for web designers & web devs

    2015 · amazon.com · its alternatives →

24. 24
    Designing for Performance: Weighing Aesthetics and Speed▲72

    Strike a Balance Between Aesthetics and Speed in Web Design

    2015 · amazon.com · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →