In this article, we will review a professional and good-looking showcase of the portfolio website created with FW Gallery. The showcase is dedicated to the portfolio of the interior studio. A portfolio website is an essential tool for developing your business and building your professional brand. You can use this showcase to create your own portfolio website involving the presentation of products or services with media content.
Reading Time: 10 mins.
Implementation Time : 60 mins.
However, before proceeding with creating the interior studio showcase, you need to prepare media content and install FW Gallery to your Joomla platform. To learn how to get started with FW Gallery, review
Getting started documentation page. If you have media content and FW Gallery in place, it takes around one hour to build a similar website. The overall process for creating such a website looks as follows:
- Prepare media content - photos grouped by services.
- Install FW Gallery to present your services with a clean design.
- Create required galleries to show service categories and different types of services inside them.
- Display all images to show services with their images and descriptions.
- Display a map using FW Gallery Map module.
FW Gallery is a great tool for creating a powerful and effective portfolio website with a strong visual presentation of your business. Based on the showcase we will highlight the following FW Gallery features - gallery with right description position, gallery geotags, map module functionality, lightbox effect, etc.
Check out our Portfolio Interior Studio guide for more details on configuring Interior Studio showcase. Let’s, review the showcase in the sections below.
Top-level gallery
If your business offers different services directions, you need to create an upper-level gallery with subgalleries page. We created Interior Studio page to show different services directions provided by the interior studio. This page is implemented via the galleries view. Each gallery presents a specific service direction - residential, commercial, and resort and spa. However, if you’re specialized in the specific service direction, you can skip this step.
The page includes the following elements:
• Title of the parent gallery. The title of the interior studio. You can use it to specify the title of your company.
• Suballeries titles. Titles of services directions offered by the interior studio. You can use it to specify different services directions your business offers to your customers.
• Gallery preview image. A preview image of the service direction. You can set a preview image or video to showcase your services directions.
Projects by location section
If you offer your services globally not locally, you can use a map module to show the geography of your services. A projects by location section shows geography of services offered by the interior studio. Just assign a geotag to the file/gallery and set module settings to display your projects by location. In our showcase, we assigned geotags to the galleries we created for the services provided at different locations.
Page with projects
On this page, you can see different projects implemented by the interior studio. This is a lower level gallery with subgalleries showing all projects on a single page - one gallery for each specific project.
The page includes the following elements:
1. Gallery title. The title of services direction provided by the interior studio. Specify your services detection using this element.
2. Subgallery title. The title of the project implemented by the interior studio. You can use this element to specify either your project or service type.
3. Preview image. The preview image of the project. You can set the image of video as a preview for the gallery representing your project or service type.
Project page
This project page is an eye-catching mix of text and images. It is realized via the gallery view. It depends of your business idea whether or not to use long descriptions. In our showcase, we used long descriptions which are a common case for interior studios. If long descriptions are used, placing them next to the galleries looks cool and allows for better readability.
The page includes the following elements:
1. Gallery title. Specify a project title using this element. You can also use it to specify a service type.
2. Gallery section. Multiple photos of the project. You can upload images and/or videos to showcase your project/service.
3. Gallery description. A description of the project. You can place a description either at the right side of the gallery or above the gallery.
Project presentation with lightbox
In our showcase, we used a lightbox to display large images. The lightbox features a slider showing all images within the gallery. Clicking on the image within the slider allows a visitor to view the image in a larger size. The lightbox allows to take fewer actions to view the gallery without creating new tabs and waiting for a new page to load.
Creating a simple and effective portfolio website with FW Gallery is not difficult at all. If you like the concept of the website, you can create a similar one with your own hands. We have clearly outlined all steps required for creating such a website in our Portfolio Studio guide. Should you have any problems while configuring the website, feel free to ask questions in the comments section at the bottom of the documentation page.