Multipage website design in Figma
Terms of reference for the development of a website
Woodtech Architecture is a company specializing in the professional development of design and implementation of beautiful unique interiors, wood installations. The main focus is on the quality and safety of the materials used from renowned Italian manufacturers.
Project type: Commercial site. Goals / Objectives: Improving the company's image on the network, attracting new customers online, demonstrating the catalog of works (Portfolio). 3. Site audience Target audience table (user group, person) of the site, audience goals.
Client:
- Demanding, secured customer, in the process of complex renovation of an apartment, premises
- Residential complexes, construction organizations
- A customer who wants to slightly change the interior, install a decor element
What are their values:
- Style, high level of service and performance, environmental friendliness of materials
- Speed of work, partner reliability, cost optimization
- Service level, style, speed of work
What are the goals of the visitors:
- Find a worthy performer as soon as possible
- Quickly and efficiently implement a design solution into a construction site
- Quickly find a suitable design solution, possibly from ready-made Portfolio options
The diagram of links of all pages of the site is reflected in the file "design / wireframes / mind_map.png". Prototypes of all pages of the site are located in the "design / wireframes /" folder. Basic site structure: Home, Projects, Services, Blog, Company Information
4.1. Home page Desired home page structure: ⦁ Hat in the form of a slider with cool artworks, on top - Logo, Menu, necessarily icons of social networks, where Instagram is in the first place ⦁ Trust section, with our achievements, phone number and a button for feedback ⦁ Section with the best works with the option "Upload works" below. In fact, the best works from the portfolio should be displayed here (menu "Projects") ⦁ A section with a brief information about us that inspires confidence, to focus on the advantages of our company. Decorate to your liking. ⦁ Be sure to place a section of partners and suppliers with whom we work ⦁ In the last section, you can place the latest blog posts with the ability to go to the "Blog" section.
4.2. Projects The projects page should be concise and display projects as cards - from best to worst. The admin panel should be able to sort the works by the content manager. On the page of each project, there must be a carousel of images on top, under the heading with photographs of the object, below the specification (basic data) of the project, and a senior architect must also be indicated. The text part is designed in a free style with the ability to add photos and format text.
4.3. Services A list of services should be drawn up on this page. According to your taste. A separate service, blog, or benefit page (generic page) should have a photo of the post on top and text. At the bottom of the page there should be a button, when clicking on which, the user gets to the root section, for example, a blog, all services or all benefits. The list of our services (key areas, by importance): Interior design, Design (space), Supply of materials, Renovation and restoration, Concept creation.
4.4. Blog This page should contain a list of articles. The publication date (without the year), title, photograph, short text and a link to the full article must be indicated. All articles should be displayed in one feed, without sections. Navigation between old and new blog posts can be normalized - forward, backward, and possibly intermediate pages 1, 2, 3, etc. (Pagination).
4.5.1 Company / About company On this page, the text "About the company" should be drawn up. Be sure to place a photo of our installation in the text.
4.5.2 Company / Benefits Here you should fill out a list of our advantages. You can arrange something interesting, add icons, etc., to your taste.
4.5.3 Company / Our partners A list of our partners with the partner's logo and text about each partner. A separate page for each partner is not required yet.
4.5.4 Company / Contacts On this page, it is imperative to place the feedback form in the visible part. Our operators answer quickly enough, so you can specify this information somewhere. Of course, here you need to fill out the address and telephone number. You can also insert a map with our address from some service - Google, etc.
- Responsive layout
- Basic SEO code optimization
- Optimize download speed
- Required level of cross-browser compatibility - all latest versions of browsers
- Domain in the .ua zone
- Home page as a capture page (Landing page)
- Convenient CMS for website content management
- Branded colors and stylistic solutions: Accent: # f88500 Text color: # 333333 Dark color: # 202328 Deep color: # 171a1a