Composition
Use scale and rhythm so the main idea comes first and detail unfolds as people explore.
BIG FISH / Web design
Web design for business
Composition, typography, graphics and motion shape a website’s character. We combine expressive art direction with a clear interface, on a large screen and in your hand.
States
Design loading, selection, error and success states. The interface stays coherent beyond the ideal mockup.
Motion
Set the pace of transitions and feedback. Motion explains change and reinforces brand character.
DESIGN PLAYGROUND / CONCEPT
From structure
to visual language.
Switch between the wireframe and the finished concept. Then explore the mobile layout: information priorities and arrangement change, not just the frame size.
● ● ●atelier.example
01 — navigation / 02 — offer / 03 — actionLight shapes
ATELIERObjects · About
DESIGNED TO STAY
Light shapes
your space.
Warm light. Simple forms. An object that stays with you.
Explore the collection ↗● ● ●atelier.example
ATELIERObjects · About
DESIGNED TO STAY
Light shapes
your space.
Warm light. Simple forms. An object that stays with you.
Explore the collection ↗Interactive concept. Fictional brands and data.
1 / 2
FROM BRIEF TO BUILD
Logic first.
Character next.
- 01
Journeys
Define visitor tasks and the information order on key screens.
- 02
Art direction
Present the concept with project content: typography, grid, colour and imagery.
- 03
Responsive layouts
Recompose the interface for different sizes and interaction methods.
- 04
Detail
Assemble components, states and motion specifications for development.
DESIGN NOTES / 01
UX defines the sequence
Before selecting effects, establish why someone opened the page and what helps them progress. Organise the offer, terms, evidence and action in a useful order.
Wireframes help review the journey without colour and artwork getting in the way. Complex flows also need back, cancel and error-recovery paths.
DESIGN NOTES / 02
Typography creates hierarchy
Choose a relationship between headings, body copy, captions and data, rather than a single attractive typeface. Check long names, numbers and translations.
A large headline can be the main expressive device, while forms and tables call for readability and a calmer rhythm.
DESIGN NOTES / 03
Colour and graphics have roles
Separate surfaces, accents, status information and illustration. Action colours should not accidentally compete with decorative details.
In light and dark versions, review imagery, borders, shadows and readability. A simple colour inversion rarely preserves the intended experience.
DESIGN NOTES / 04
Responsive design means recomposition
On mobile, information order, control sizes and density change. A wide three-column screen may become a sequential story with the relevant action close to its content.
Check intermediate widths, longer text and touch interaction. Hover effects must not be the only way to access information.
DESIGN NOTES / 05
Motion designed for implementation
Specify the trigger, participating elements and behaviour on repeated input. Separate interface transitions from decorative scenes.
Agree performance constraints and a simplified version with developers. Essential elements remain accessible when motion is reduced.
DESIGN NOTES / 06
Handover to development
Deliver responsive layouts, components, states and prepared assets. Clarify the difference between a concept presentation and production behaviour.
Review spacing, text wrapping, imagery and feedback in the browser. Design continues through to a carefully implemented result.
FAQ
Questions about website design
Is the design custom?
The concept follows the product, audience and brand. Familiar interface patterns are used where they help people navigate.
Can we keep our brand guidelines?
Yes. We preserve recognisable elements and extend the rules for screens, responsive layouts and motion.
Can you add 3D?
Yes, where it supports the idea. We agree the assets, production and technical constraints before detailed design.
What will our developers receive?
An agreed set of layouts, responsive versions, components, states and assets. Documentation and support are defined in the scope.
How long does it take?
After reviewing screens and artwork, we prepare a staged plan with approvals. Complex journeys and original artwork need their own estimate.
BIG FISH / DESIGN
Different challenges.
A cohesive approach.
↗
Website Design
Custom website design for businesses: UX/UI, prototypes, visual concepts, responsive layouts, and animation. BFD is a web design studio creating and developing websites 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 depends on unique screens, UX depth, responsive layouts, artwork and motion complexity. We agree the layout set and implementation support separately.
NEXT / YOUR PROJECT
Find your website’s
visual character.
Show us your product, current website and brand materials. Let’s discuss the experience your new interface should create.