Physician Scheduler
From a hand-drawn wireframe to a deployed MERN web app with login-gated editing.
Design and product work
Construction Company
A website for a construction company, from the client’s requirements, branding and colour styles to a working site. I designed it in Figma and developed it in React and Node.
- Role
- Branding, UI design and React and Node development
- Platform
- Website with a login-only admin
- Tools
- Figma, React, Node
- Type
- Client design work
What I did
- Branding and colour styles from the client’s requirements
- Wireframes, with components built along the way
- A user flow for staff adding new projects through a separate login-only page
- Mobile adjustments for key pages
- Development in React and Node
What I learned: keep the wireframe draft separate from the UI draft. Doing both at once can work on small, fast projects, but documenting the wireframe without colours never hurts.
Walkthrough
The homepage: one stop for construction, engineering and contracting.
The projects grid.
A project details page.
The login-only flow for adding a new project.
Gallery
More projects
All projects →
Have something in mind? Let’s build it.
Build it for me
Join the waitlist for a done-for-you build.
One short email every Friday, plus a full guide once a month.