Websites Across Different Industries

From initial structure to implementation-ready design

My role:
UX/UI Designer
Type of collaboration:
Long-term collaboration with a digital agency and direct projects for companies
Types of projects:
Presentation websites, service websites, e-commerce, B2B catalogues, content portals, and real estate development websites
Focus:
  • Information Architecture
  • Wireframing
  • UX/UI Design
  • Responsive Design
  • E-commerce
  • Style Guides
  • Dev Handoff

Dozens of websites designed for different industries - presentation websites, e-commerce platforms, B2B catalogues, and content-heavy portals.

Different briefs, different audiences, and different visual styles. What they have in common is a thorough process: from understanding the assignment and defining the structure to design handoff and implementation review.

Websites across different industries

This case study is not about one specific project. It is a selection of websites I designed during a long-term collaboration with a digital agency, as well as through direct assignments from companies across different industries.

I worked on projects for interior studios, shopping centres, sports and healthcare services, energy companies, real estate developments, B2B sales, and e-commerce businesses.

Each project had a different audience, business goal, and amount of content. My role was not only to create visually appealing screens, but to understand the assignment, design the right structure, and prepare a solution that would be clear for users and feasible for the development team.

What I cover when designing a website

My work usually includes the full design process:

  • analysis of the brief, audience, and content,
  • sitemap and information architecture,
  • user flows,
  • wireframes and design variants,
  • UX/UI design tailored to the industry and brand,
  • responsive and mobile layouts,
  • product catalogues, filters, and search,
  • forms, calculators, and conversion elements,
  • accessibility and interface states,
  • a style guide or component library,
  • design handoff in Figma,
  • consultations during implementation and review of the live website.

From brief to structure

A website does not start with drawing screens. First, I need to understand what the website is expected to achieve, who it is designed for, and what kind of content it needs to handle.

A presentation website focused on generating enquiries through a form requires a different approach from an online store with thousands of products and advanced filtering. A content portal for users who need simple navigation and strong readability requires another approach entirely.

That is why I help create the sitemap, information architecture, and user flows before moving into visual design. Wireframes are then used to validate the order of content, page functionality, and the relationship between individual steps.

When working with content, I also focus on prioritisation and the way information should guide the user towards the next relevant action.

A visual language tailored to the industry

There is no universal style that works for every project.

An interior design studio needs a clean and premium presentation that gives space to high-quality photography. A technical company needs a trustworthy and clear visual language. An e-commerce platform requires a strong hierarchy, visible action elements, and easy navigation. A website designed for seniors needs readable typography and unambiguous controls.

For presentation websites and service-based websites, I therefore design not only the visual style, but also the information hierarchy, landing pages, service pages, references, FAQ sections, and contact forms.

Design should not only look good. It should help users understand the offer and reach the relevant next step.

E-commerce and product catalogues

E-commerce projects are among the most complex from a UX perspective.

Users need to navigate the offer easily, find a suitable product, and complete their purchase without unnecessary friction.

I design the full shopping flow - from navigation, categories, filters, and search to product details, the shopping cart, checkout, and user account.

In B2B solutions, efficiency becomes even more important. Users often need fast access to product parameters and work with a larger number of items. A separate challenge is adapting filters and the purchasing process for mobile devices, where space is limited.

Content portals and accessibility

For content-heavy portals, the main challenge is working with a large amount of information.

Users need to quickly understand where they are, what options are available, and how to reach the content they are looking for.

That is why I focus on logical navigation, clear categories, search, readability, and responsive behaviour.

For websites aimed at specific audiences - for example seniors - accessibility is an important part of the design process. This includes contrast, text size, clear interface states, sufficiently large interactive areas, and understandable navigation.

I therefore work with WCAG principles from the first wireframes onwards.

Consistency and interface states

A website is a system, not just a collection of individual screens.

Depending on the scope of the project, I prepare a style guide or a component library covering typography, colours, form elements, navigation, responsive behaviour, and the necessary interface states.

Error messages, empty states, confirmations, pop-ups, loading states, hover states, and focus states are not merely visual details. They are moments when users need to clearly understand what is happening.

Collaboration and handoff

I work in both modes - in collaboration with a digital agency and directly with clients.

I hand off designs to developers in Figma, including wireframes, responsive layouts, components, and the required states. During implementation, I consult on technical possibilities and review the live version after launch.

Outcome

This collection of web projects demonstrates my ability to guide the website design process from start to finish - from analysing the brief and defining the information architecture to wireframes, responsive design, collaboration with developers, and final implementation review.

Experience across different industries helps me quickly understand a new domain, identify its specific needs, and choose an approach appropriate for the project.

The goal remains the same: to create a website that respects user needs, supports the client’s business objectives, and remains visually and functionally consistent.

More Works