Already have a website or an app that you’re not satisfied with? We’re happy to take a look and evaluate it for you.
A lot can happen within an organization or company. We like to gather as much information as we can about the specific domain and its challenges.
It’s often the case with B2C products that a lot of feedback is restrained by different forms and lower-level feedback widgets, and it’s hard to extract insights from semi-structured data. Talking to users 1-on-1 help us uncover a lot of things about the topic we’re working on, and whenever we find recurring patterns, we like to classify and prioritize that feedback, then translate it into actionable pieces.
Let’s face it, “almost” everything is a remix. Most things – including digital products – have already been built or figured out in some shape or form. That’s why we like to examine the landscape related to a specific domain and find the competitor’s strengths and weaknesses.
Whenever we have a working prototype or a real product we like to take that to users to see how they interact and react. We can learn a lot just by observing.
Great things can happen on a whiteboard, especially if it happens in a structured and facilitated form, where the key stakeholders are present, and everyone’s input can be useful.
UX Design is kind of the big umbrella term that incorporates different methods like journey mapping, information architecture, sketching, wireframing and prototyping — but it all comes down to the iterative process: starting from something vague and intangible, and getting to a clearer and more polished concept along each step of the way.
This provides a good overview of the user path one experiences when interacting with the digital product, and also some insight on which touchpoints could be improved or altered.
One of the most efficient tools by which we can show the page structure and distribution of sub-pages for a website or an app. This usually looks like a mind or a tree-map.
This could be a napkin-sketch or a more sophisticated and shaded drawing of an early concept for a user interface.
This is the next step toward creating a framework by which a system can be defined. Wireframes are usually fairly primitive in the visual sense, it dismisses anything related to color, typography, and overall styling / branding. The reason for this is that it’s a lot faster to iterate on designs without the need for pixel-perfect alignment and correct styling.
A wireframe based prototype acts as the first clickable demo that connects the main points and screens of a user-journey in order to facilitate early-stage usability testing and stakeholder validation.
Branding is a great tool if one wants to have a distinctive visual representation that resonates with the organisation’s inner values and is also relevant to the business vertical. Although branding is about more than just having a logo; it also includes brand strategy, brand identity, tone of voice, and more.
We take a closer look at the company and its products / services to find out which direction to take during branding and to understand and evaluate the brand equity.
We put our heads together to find out the “why” and “how” part and create an overarching concept that makes sense for everyone.
We use a variety of methods and facilitate workshops with our clients to create a name that suits the company the best.
Before we start the design phase, we create a moodboard where we collect reference material. These collections help can help us pin-point the dos and don’ts of a project.
This encapsulates all visual and non-visual elements of a brand like the name, logo, tone of voice, color schemes, slogans, etc.
Style Guide & Brand Book6/6
A collection of logo lockups / logo variations, rules on typography, examples for image or illustration use, color schemes, and general placement and positioning of graphics.
UI Design is one of the last phases in the digital product design cycle, and is what actually defines the visual language of the interface.
Look & Feel1/4
In the first step of the UI design process we create styleframes and explore different visual directions, which will help convey the feeling we’d like to attach to the brand.
After we settle on general visual approach, we then outline the main pillars of the design. We define typography, accent colors, the size, spacing and the shape of elements, as well as ratios and component relations. This is the exciting part where all the “semmingly boring” wireframes are transformed and come to life.
A design system is a collection of different brand elements and visual components that define the framework and makeup of a digital product. Using a design system is a great way to create a scalable visual guideline that can be applied throughout different platforms within the digital ecosystem.
High Fidelity Prototyping4/4
We create a prototype from the screens that were created in the UI design phase. This contains the final form of user flows and page / or component interactions. This is a way to effectively model or mimic the behaviour of a working software without the need for code. It can be beneficial for both development and business validation purposes.
We believe that content is an integral part of any design, be it copywriting, photography or 3D / computer generated imagery. Providing users with a visually rich experience can lead to better sales and engagement.
Whether it's copywriting, visuals, images, or video, we find the right tools for the project and assess feasibility.
You know good copy when you see it, becase you read through it, and not skip over it. Good UX copy is crucial.
Everything is better when there’s a consistent theme that connects the various aspects of all content pieces. From abstract ideas to something more tangible, we try to find the right thing that can then inform and inspire the creative process.
One of our favourite tools. Good images are great and can turn good design to great design.
This rather simple but very effective tool helps us craft the narrative and story of an image sequence / animation. These are low or high level sketches of scenes to be shot during execution.
It could be 2D or 3D animation, sometimes it’s easier – or fits the concept better – to animate things rather than shoot it.
3D Modeling & Rendering7/8
Ever seen something that you wouldn’t have thought could be drawn or photographed? 3D offers endless possibilities for computer generated imagery.
A collection of moving images that tell a story. Usually involves a camera crew and a director.
This is the last part of the execution chain, where all the concepts that have been laid out during the design process are transformed into code and come to life in the form of an application or a new website.
For handing off our design to development teams, we usually create a specification document, or detailed artboards with annotations that touch on front-end behaviour and functionality, in order to get the product as close to the design as possible.
Using a variety of different programming languages, we turn the designs and visual concepts into a functional, working code.
There’s a lot of back and forth during the development process and a continuous testing is a core part of it. It can consist of functional, automated, or usability testing.
Acceptance and Deploying4/5
If every aspect of the product is tested [penetration test] and assessed by the relevant parties [security audit], and works as intended, we align on a date to go live.
Support and Maintenance5/5
The process is not over by publishing an app to the relevant stores or the web. We also provide support and maintenance for problems that might occur once a project is live.
A non-exhaustive list of tools and methods we use on various projects.
T → 001
Best Practice Research
Jobs to be done
T → 002
T → 003
PHP & Symfony
NodeJS, VueJS, NuxtJS
Let’s build something together
If you have a project in mind, we would be happy to have a chat about how we can help.
Book a 30 minute time slot to meet with us virtually and talk about the potential project.