Well-designed websites offer much more than just aesthetics. They attract visitors and help people understand the product, company, and branding through a variety of indicators, encompassing visuals, text, and interactions. That means every element of your site needs to work towards a defined goal.
These are the steps that we've outlines the process, let's dig a bit deeper into each step.
The research design refers to the overall strategy and analytical approach that we have chosen in order to integrate, in a coherent and logical way, the different components of the study, thus ensuring that the research problem will be thoroughly investigated. It constitutes the blueprint for the collection, measurement, and interpretation of information and data. Note that the research problem determines the type of design we choose, not the other way around.
The main problem with the design of the previews website, is the amount of text, the customer still wanted to apply a lot of text. We still edited a lot of text to simply copy
The main language of the website would be based on icons, images and the text would be simplified
A wireframe is a layout for a web page that demonstrates what interface elements will exist on the main pages. It is a critical part of the interaction design process. The purpose of a wireframe is to provide a visual understanding of a page at the beginning of a project to gain approval from stakeholders and the project team before the creative phase begins. Wireframes can also be used to create the global and secondary navigation to ensure that the terminology and structure used for the site meet user expectations.
While text-based content is always important when seeking answers to a question, creating visuals such as infographics, charts, graphs, animated GIFs, and other shareable images can do wonders for catching your readers' attention of the article or report. Knowing colour theory and design can help you make content stand out
The Client's website had already a lot of icons and some illustrations, we decided to move forward within this direction
We decided to create a brand language, so it would be easier to produce and resolve problems at hand
Prototyping is interwoven with nearly all product, service, and systems development efforts. A prototype is a pre-production representation of some aspect of a concept or final design, we use Figma to produce these and they can be shared with the client, facilitating changes and communication
Prototyping often predetermines a large portion of resource deployment in development and influences design project success, our websites focus heavily on this phase to facilitate the end of the pipeline