Navigation icon
Portfolio
Image 1
Image 2
Image 3
47software logo

47software - a website for software house

Website | Freelance project

UX/UI Designer

Figma, UI kit

Explore the 47software website Mockups | Component library | Foundation in Figma

Solution prepared for: desktop, tablet, mobile

The Figma link has been published with the customer's consent.

The 47software website presents a modern software house based in Poland that specializes in delivering full-stack digital solutions, including mobile and web applications, API development, and systems integration. My task was to design a website that not only highlights the team’s technical skills but also reflects their identity as a reliable and innovative partner in the digital space.

In this case study, I’ll walk you through my design decisions—starting from the research phase to building a custom UI kit and creating engaging mockups that emphasize the company’s capabilities and personality. Special attention was given to crafting a visually appealing experience enriched with thoughtful details and subtle animations.

The challenge

The main challenge was to create a website that showcases 47software’s range of services and technical expertise while staying true to their identity as a creative, modern, and trustworthy software house.

Research

To ensure the final design reflects both user expectations and 47software’s unique identity, I conducted a short yet focused research phase:

  • Competitor Analysis - reviewed websites of other software houses to identify common patterns, strong practices, and potential gaps.
  • Stakeholder Interviews - gained insights into 47software’s values, offerings, and what differentiates them from competitors.
  • User Behavior Insights - analyzed how potential clients browse tech service websites to define the most important content and user flows.

Key Findings & Impact on Design:

  • Users look for credibility through real projects and expertise - added a dedicated Projects page and Blog to build trust through case studies, industry insights, and technology highlights.
  • Clarity and simplicity in content help engage both tech and non-tech visitors - used concise language and a clear layout across the Home, Services, and Case Study pages to support easy navigation and understanding.
  • Modern visuals and subtle animations enhance brand perception - integrated clean design with thoughtful micro-interactions and animations to reflect 47software’s innovation and attention to detail.
  • Users want quick access to get in touch or estimate a project - placed a visible “Estimate Project” CTA in the navigation to encourage conversions and streamline contact.

These insights guided every design decision — from layout and visuals to the type of interactions — resulting in a website that feels both professional and engaging for a wide range of users.

Design Foundation – UI Kit

The entire design was based on a custom-built UI Kit, crafted to maintain visual consistency and simplify development. It served as a single source of truth for both designers and developers, enabling smooth scalability in future stages.

47software website - design system foundation

Foundation:

  • Color Palette: Carefully selected to evoke trust, innovation, and professionalism.
  • Typography Guidelines: Balanced between modernity and readability, ensuring a clean and accessible look.
  • Spacing & Layout Rules: Built for responsiveness and visual harmony across devices.

47software website - design system components

Component Library:

  • A library of reusable components including buttons, navigation elements, cards, and form inputs.
  • All components were tested for responsiveness and accessibility.
  • Organized to streamline implementation across desktop and mobile views.

By employing a thoughtfully crafted UI kit, this project achieved not only a faster design process but also a more streamlined development phase, ensuring a delightful user experience for both visitors and the developer responsible for bringing the design to life.

Mockups

47software website - mockups

Throughout the project, my focus was to effectively highlight 47software’s capabilities while keeping the user engaged. I paid close attention to detail and incorporated smooth micro-interactions and animations to enhance the browsing experience.

Home Page:

  • A bold hero section featuring a hidden code message in the background, subtly emphasizing the brand’s tech roots.
  • A structured preview of each section—services, process, projects—guiding the user through the company’s offerings.
  • A clear and inviting Call-to-Action prompting users to get in touch.

47software website - Services page mockups

Services Page:

  • Detailed descriptions of each service offered.
  • A section dedicated to technologies used.
  • A persuasive “Why us” section aimed at building trust and showcasing the company’s strengths.

47software website - Solutions page mockups

Solutions Page:

  • Clear breakdowns of digital solution types such as mobile apps, web apps, and integrations.
  • Visual emphasis on the benefits of each approach to help users choose the best fit for their needs.

47software website - Projects page mockups

Projects Page:

  • A curated list of past projects.
  • Each project includes a case study highlighting the problem, process, and outcome.

47software website - Blog page mockups

Blog Page:

  • Articles covering industry trends, technologies, and best practices.
  • Designed to boost SEO while offering users valuable insights and thought leadership content.

47software website - Contact page mockups

Contact Page:

  • A simple and intuitive contact form.
  • Multiple communication channels including phone and email, ensuring easy accessibility.

By thoughtfully designing each page and considering the user’s perspective, this website provides an immersive experience, encouraging users to explore and connect with the apartment while meeting the owner’s goals for effective communication and potential future expansion.

Conclusions

Designing the 47software website was a rewarding and insightful experience. It allowed me to dive deeper into designing for the tech industry while balancing the business goals with a user-centered approach. This project helped me strengthen my attention to detail and refine my skills in building scalable design systems. I look forward to applying these learnings to future projects—always with the same passion for crafting meaningful and engaging digital experiences.

Go to the top

Do you like the work I did?