Architecture
Connect audience needs to sections and pages. Identify where separate templates are needed.
BIG FISH / Website design
Custom website design
Design the whole website, from the first introduction to product selection and enquiry. The homepage, services, catalogue, case studies and forms work as one connected system.
Content
Design around actual headings, specifications and terms. Layouts must accommodate real content.
Growth
Allow for new services and materials. Editors build pages using clear, consistent rules.
DESIGN PLAYGROUND / CONCEPT
A website is more
than its opening screen.
Explore three page types for a fictional lighting manufacturer. Shared rules preserve the identity while composition changes to fit the task.
LUMA / STUDIOLighting for spaces
COLLECTION / 01
The architecture
of light.
One design language for homes, offices and public spaces.
LUMA / STUDIOLighting for spaces
Find your light.
ARC
Lighting collection
LINE
Lighting collection
HALO
Lighting collection
LUMA / STUDIOLighting for spaces
ARC / 01
Light.
Nothing extra.
- Material
- Aluminium
- Finish
- Matt graphite
Interactive concept. Fictional brands and data.
1 / 3
FROM BRIEF TO BUILD
Map the journey.
Design the whole website.
- 01
Page map
Define the structure, priority journeys and unique templates.
- 02
Wireframes
Review information order and connections between key pages.
- 03
Complete layout set
Extend the concept across services, the catalogue, case studies and forms.
- 04
Prepare for launch
Deliver responsive layouts, states and content requirements. Review implementation.
DESIGN NOTES / 01
The homepage introduces and directs
The opening screen communicates the offer and the company’s character. The following sections provide context: services, product strengths, work examples and useful links.
The homepage does not need to contain the entire website. It helps people choose a route and gives them reasons to explore further.
DESIGN NOTES / 02
Inner pages explain the offer
A service page needs the problem, scope, terms and next step. A product page needs specifications, options, compatibility and ordering details. A case study needs a sequence: challenge, solution and substantiated outcome.
We design these types separately while retaining shared typography, spacing and components.
DESIGN NOTES / 03
A catalogue supports selection
Start with the criteria customers use to choose. These determine categories, filters, listing cards and comparisons.
Design for large and small ranges, no results, applied filters and long names. This makes the layout suitable for a real catalogue.
DESIGN NOTES / 04
Content is part of the design
Placeholder lines do not reveal how a real service description or complex specification will behave. Use representative project content and identify gaps early.
Agree requirements for photography, copy and data. Multilingual websites also need to accommodate different text lengths and information needs.
DESIGN NOTES / 05
A redesign preserves what works
Review existing pages, navigation and accumulated content. Distinguish dated presentation from functions and materials that visitors still need.
Coordinate structural changes with development and SEO. Design new journeys and account for visitors arriving through old URLs.
DESIGN NOTES / 06
Templates for future publishing
Define reusable sections and rules for combining them. Editors need understandable fields and limits; visitors need predictable structure.
Test longer headings, varying card counts and missing optional images. This helps maintain quality after launch.
FAQ
Questions about website design
Are the homepage and inner pages included?
We agree the unique templates, states and responsive layouts upfront. The number of published pages is not the same as the number of distinct designs.
Can we start from an existing site?
Yes. We review content and functions, then decide what to preserve and what to redesign.
Do you design online shops?
Yes. The agreed scope can cover catalogues, filters, products, cart and checkout.
Who provides the content?
Responsibilities are agreed upfront. You confirm company and product facts; we define requirements and can include content production in the scope.
Can we add sections later?
Yes. We plan reusable sections and structural rules. New complex journeys may require additional design work.
BIG FISH / DESIGN
Different challenges.
A cohesive approach.
↗
Web Design
Modern custom web design for businesses: UX/UI, visual concepts, responsive interfaces, 3D, and motion design. BFD is a web design studio creating digital products since 2011.
↗Design Studio
BFD is a design studio and full-service web studio specializing in web design, UX/UI, 3D, and digital products. Order a custom website with unique design and full-cycle development.
↗All design services
From the first idea to a complete digital product.
SCOPE AND PRICING
The estimate follows unique templates as well as total page count: categories, products, services, cases and forms. We agree architecture, responsive layouts and assets first.
NEXT / YOUR PROJECT
Let’s design
the whole website.
Tell us about your services, catalogue and visitor needs. We will build a clear structure and define the design scope.