Portfolios
Interior designer website example that leads with the work
A designer is hired on their eye, so the website has to show rooms before it says anything. This one page example for an invented Fitzroy studio opens on one full screen photograph, follows it with six projects shown uncropped, and keeps the words for how the studio works and what it costs to start.
The home page at three widths
The same page on a desktop, a tablet and a phone, exactly as it renders. Scroll inside each frame to read it all; nothing here can be clicked or submitted.
Page by page
- Home /
- Hero (full photo), Gallery (masonry), Services (photo tiles), About (photo and story), Contact (details and form)
- Privacy policy /privacy
- Text (single column), 5 in a row
- Terms of use /terms
- Text (single column), 5 in a row
The page, top to bottom
A full photo hero with the copy in the bottom corner, six projects in the masonry layout, three services in the photo tiles layout, a photo and story section about the studio and an enquiry form. Generated as the portfolio kind, the skeleton is hero, gallery, about and contact, and the menu jumps between them.
Using it for your studio
Replace every photo with your own professional shots; for a designer, stock photos are a placeholder only. Caption each with the room and suburb, never the client's name. If you have more than twelve projects, give the portfolio its own page and keep six on the home page.
What makes this website work
Photos shown whole
The masonry gallery keeps each project photo uncropped in its own portrait or landscape shape, with a room and suburb caption. Cropping a designer's photo to a square cuts off the detail that sells the work.
Type with the same restraint as the rooms
Libre Bodoni headings, Outfit text, square corners and airy spacing on the Terracotta palette echo the timber and linen in the photos. The site looks like it was designed by the studio, which is the point.
The fee model in the story
The studio section says every project starts with a home visit and a fixed fee design proposal. A visitor who loves the photos but fears the cost learns how pricing works before reaching the form.
Questions people ask
What makes a good interior designer website?
Large, uncropped photos of finished rooms, a short list of services, how you charge and an easy enquiry. This example puts six projects straight after the hero in a masonry grid, explains the fixed fee proposal in the studio story and ends on an enquiry form.
How many projects should a portfolio show?
Six to twelve strong projects beat thirty average ones. This example shows six, each with one image and a caption naming the room and suburb. The gallery section holds up to 24 photos, so a dedicated portfolio page can show more rooms per project.
Can I use my own professional photos?
Yes. Upload them through the image picker on any image field and set the focal point by clicking the thumbnail, so the important part stays in frame on phones. Raster images up to 15 MB are accepted and count toward your storage.
Does the masonry gallery crop images?
No. The masonry layout of the gallery section shows portrait and landscape photos uncropped, in columns, so a tall shot of a hallway keeps its height. The grid and featured layouts crop every photo to a shared shape, which suits product or food photos better than interiors.
Is a one page portfolio enough?
For a small studio, a single page with the best work, services, the story and a form converts well. Add pages when you need case studies for individual projects. Every generated portfolio site gets privacy and terms pages linked in the footer.
Build your own in about a minute
The button below opens the generator with this use case already described. Change the wording to match your own, generate, then edit anything you like.
Make one like thisOther website examples
Law firm website example with a fixed fee page
Most people who need a lawyer have never hired one, and the first thing they want to know is what it will cost. This two page example for an invented Parramatta firm answers that up front: a free 20 minute call, a costs agreement in writing, and a page of fixed fees for wills, conveyancing and consent orders.
Gym website example for an independent strength club
Big gym chains sell price; a small strength club sells coaching and people. This three page example for an invented Geelong West club leads with a full photo hero, shows three weekly memberships with no lock-in, puts the class timetable on its own page and ends every page on one offer, a free first week.
Vet clinic website example with prices and same-day care
Pet owners visit a vet's website in two moods: planning a vaccination, or worried about a sick animal right now. This one page example for an invented Ballarat clinic serves both, with same-day appointments and the phone number in the hero, prices on routine care and a plain line about what to do after hours.
For everything this generator can do, see the website maker.
Sources
Written and checked by the OneCraft team. Last checked .