Software studio · Brand, website and frontend

Hamro Idea

Helping a software studio explain its services and give prospective clients a useful route to contact.

Contribution
Design and development contribution
Evidence
Independently captured current public demo
Hamro Idea historical homepage connects positioning, services, selected-work examples, process and contact.
Hamro Idea historical homepage connects positioning, services, selected-work examples, process and contact. Full original Figma frame; design content is sample data.

Inspect the original Figma frame (access may be required)

The project and my part in it

Hamro Idea needed a website that could explain a software studio’s offer. I worked across positioning, information architecture, responsive UI and frontend implementation.

I began with what a prospective client needs to understand: whether the studio can help, what the work involves and which example makes that promise believable.

What shaped the design

THE DESIGN CHALLENGE

How can a software studio make its offer understandable and give a prospect a reason to believe it?

The journey moves from the service offer into relevant work and, when someone is ready, a direct inquiry. About and article pages give visitors another way to learn more.

01 / Explain the service in the client’s terms

Explain the service in the client’s terms

The homepage introduces the offer, and the services page gives it more detail. I organized that explanation around the problem a service addresses and the work it includes.

Keeping those questions close helps a prospective client choose a relevant path without having to understand the studio’s internal vocabulary first.

Hamro Idea historical services page organizes the studio offer into design and development disciplines.
Hamro Idea historical services page organizes the studio offer into design and development disciplines. Full original Figma frame; design content is sample data.

Inspect the original Figma frame (access may be required)

Shared sections make the website coherent, while each service still needs its own explanation.

02 / Put the work near the promise

Put the work near the promise

The project index supports a quick scan. A project-detail page then gives one example room for explanation, and About introduces the studio behind it.

I treated those pages as different parts of the evaluation. The sample imagery and business copy in the historical designs show the intended placement of proof, not verified company results.

Hamro Idea historical project index introduces work through a repeatable project-card structure.
Hamro Idea historical project index introduces work through a repeatable project-card structure. Complete original Figma frame; design content is sample data.

Inspect the original Figma frame (access may be required)

Hamro Idea historical project-detail layout presents a sample software project in greater depth.
Hamro Idea historical project-detail layout presents a sample software project in greater depth. Complete original Figma frame; design content is sample data.

Inspect the original Figma frame (access may be required)

Hamro Idea historical About page presents studio positioning, team imagery and working principles.
Hamro Idea historical About page presents studio positioning, team imagery and working principles. Full original Figma frame; design content is sample data.

Inspect the original Figma frame (access may be required)

A project gallery helps discovery; a useful detail page has to explain the contribution.

03 / Give interested readers somewhere to go deeper

Give interested readers somewhere to go deeper

The article index offers a short preview before asking someone to open a longer page. The article layout then needs a comfortable reading hierarchy and a route to related material.

This gives someone who is still learning about the studio another useful path before contacting it. The article text in these historical designs is demonstration content.

Hamro Idea historical blog index presents article previews and a route into longer design content.
Hamro Idea historical blog index presents article previews and a route into longer design content. Complete original Figma frame; design content is sample data.

Inspect the original Figma frame (access may be required)

Hamro Idea historical article layout connects a long-form design explanation with related reading.
Hamro Idea historical article layout connects a long-form design explanation with related reading. Complete original Figma frame; design content is sample data.

Inspect the original Figma frame (access may be required)

Editorial content earns its place when it helps a visitor evaluate the offer.

04 / Make starting a conversation straightforward

Make starting a conversation straightforward

The contact page keeps the first request small with name, email and message. Navigation and the surrounding identity remain familiar after the visitor leaves the service or project pages.

The implementation still needs persistent labels, appropriate field semantics and clear validation, progress and success states. Those details let the simple layout work as a usable form.

Hamro Idea full contact page combines the contact introduction, message form, newsletter and footer.
Hamro Idea full contact page combines the contact introduction, message form, newsletter and footer. Full original Figma frame; design content is sample data.

Inspect the original Figma frame (access may be required)

A short form reduces the first commitment, while good labels and feedback make that commitment understandable.

Current public demo

Current Hamro Idea public demo showing its navigation, blue gradient hero, service positioning and project-call actions.
Current public Hamro Idea demo, independently captured on 5 November 2026. Earlier studio work is described separately in this case.

What I delivered

The work connects service pages, project examples, About, articles and contact within a reusable multi-page frontend.

Public material for this case is limited. This account stays focused on my contribution, its design decisions and the questions that deserve further validation.

Public demo, checked 5 November 2026. This current implementation is a separate reference from earlier studio work.

Outcomes and next steps

The case shows how design and code support the evaluation path. Search rankings and inquiry growth are not measured outcomes of this work.

What I would test next

What I learned

Designing and building the pages together helped me treat content variation as part of the layout, not something to fix after delivery.

Related work and reading

RELATED EXPLORATION

Website design and frontend thinking

RELATED EXPLORATION

Working with a designer in Nepal

RELATED EXPLORATION

Clearer service websites

Explore all project case studies

NEXT FILE / YOUR PRODUCT

Got a product in mind?

Let’s talk