Website redesign
Website redesign
Website redesign
Website redesign
Website redesign
Let's update the design of the website or application, systematize the project’s design, and redesign it considering new features.
Let's update the design of the website or application, systematize the project’s design, and redesign it considering new features.
Let's update the design of the website or application, systematize the project’s design, and redesign it considering new features.
Let's update the design of the website or application, systematize the project’s design, and redesign it considering new features.
We have learned to quickly immerse ourselves in the task: in just 1-2 days we get an understanding of the project and can present a rough structure. Here are the results:
![Example of pre-project analysis result: mindmap, structure, roles](https://framerusercontent.com/images/qLnWXUu2EheP1rcGOjHUCVCc26M.jpg)
Cmd / Ctrl + Scroll to change the scale
show demo
right here
![Example of the pre-project analysis result: CJM](https://framerusercontent.com/images/2wGNEF59asCkYdLI8xe2Vw5RQAQ.jpg)
Use Cmd / Ctrl + Scroll to zoom in or out
show demo
right here
We have learned to quickly immerse ourselves in the task: in just 1-2 days we get an understanding of the project and can present a rough structure. Here are the results:
![Example of pre-project analysis result: mindmap, structure, roles](https://framerusercontent.com/images/qLnWXUu2EheP1rcGOjHUCVCc26M.jpg)
Cmd / Ctrl + Scroll to change the scale
show demo
right here
![Example of the pre-project analysis result: CJM](https://framerusercontent.com/images/2wGNEF59asCkYdLI8xe2Vw5RQAQ.jpg)
Use Cmd / Ctrl + Scroll to zoom in or out
show demo
right here
We have learned to quickly immerse ourselves in the task: in just 1-2 days we get an understanding of the project and can present a rough structure. Here are the results:
![Example of pre-project analysis result: mindmap, structure, roles](https://framerusercontent.com/images/qLnWXUu2EheP1rcGOjHUCVCc26M.jpg)
Cmd / Ctrl + Scroll to change the scale
show demo
right here
![Example of the pre-project analysis result: CJM](https://framerusercontent.com/images/2wGNEF59asCkYdLI8xe2Vw5RQAQ.jpg)
Use Cmd / Ctrl + Scroll to zoom in or out
show demo
right here
![](https://framerusercontent.com/images/Lqs2Nnp515ILAvm7LutrcA2Pz1c.jpg?scale-down-to=1024)
show demo
right here
![](https://framerusercontent.com/images/Lqs2Nnp515ILAvm7LutrcA2Pz1c.jpg?scale-down-to=1024)
show demo
right here
![](https://framerusercontent.com/images/Lqs2Nnp515ILAvm7LutrcA2Pz1c.jpg?scale-down-to=1024)
show demo
right here
Redesign process
We start with studying the existing requirements. Often we do an audit of UI UX design trends.
Next, we design the solution, conduct a demonstration. After approval, we prepare the UI kit, color palettes, and typography. Then we create layouts and hand over to development.
![Процесс редизайна](https://framerusercontent.com/images/aS7IgsLPpCeSLZ7lgCwosZfJJck.png)
Analysis of UI UX trends
We use authoritative sources
We identify the most popular UX/UI trends
We choose those applicable to your project
We make a presentation with conclusions and recommendations
![Анализ трендов UI UX](https://framerusercontent.com/images/dwxPkLIEZBLso4ULSdp3JluUI0.jpg)
Audit of UI UX trends
We analyze all screens, identify design flaws.
We propose ideas for improvement with justification of our position.
![Аудит по трендам UI UX](https://framerusercontent.com/images/2XrZHt0YUmJq2OuOfqQVmOm5U.png)
Interface design
We create a detailed prototype to show the interface and ensure that all requirements are taken into account. We use the prototype for UX tests (interviews with users).
Prototype development time: 1-2 months, depending on the project complexity.
![Проектирование интерфейса](https://framerusercontent.com/images/LTsXYANZ3tOLBfzcjVGzU1dzRk.webp)
Design as a system
We remove chaos from the project and completely rebuild the color palette and components.
Your developers will be pleasantly surprised by the organization of the design project.
![Дизайн как система](https://framerusercontent.com/images/jRmQsRKl606Ih3LPdCLDE8u0yM.jpg)
UI kit, colors, and typography
We draw all the states of auxiliary elements: buttons, fields, pop-ups, etc. We create separate sets for different resolutions: on smaller screens, the font size decreases proportionally.
![UI-kit, цвета и типографика](https://framerusercontent.com/images/e9AS8nxbtToTDQHdW75mxP5OC4.png)
New design concept
We design several main pages, taking into account UI UX trends, flaws of competitors, and existing design.
We create layouts based on components, using autolayout and variables in Figma.
![Новая дизайн концепция](https://framerusercontent.com/images/fYj8fDAY1jlfyGmpqxfpqG05LU.jpg)
Designing pages in Figma
We create layouts in 3-5 resolutions for different devices.
Layouts are based on the UI kit, color palette, and rules of adaptive typography, which we create individually for each project.
![Дизайн страниц в Figma](https://framerusercontent.com/images/seAzYJYjFTrxTzBbwp8qV529HG4.png)
Order in design
No one will be confused: all the rules are already inside the design system, and the use of variables will eliminate a significant portion of manual adjustments.
![Порядок в дизайне](https://framerusercontent.com/images/yqgKzyadNHXTtsldara538vtKk.jpg)
Creative task
We will come up with how to introduce a new feature as a test task.
We will offer several options, without major modifications, without breaking the user's familiar path.
![Творческое задание](https://framerusercontent.com/images/RxDQyo5MtPE3kV7KEqbGLDY0w.png)
Redesign process
We start with studying the existing requirements. Often we do an audit of UI UX design trends.
Next, we design the solution, conduct a demonstration. After approval, we prepare the UI kit, color palettes, and typography. Then we create layouts and hand over to development.
![Процесс редизайна](https://framerusercontent.com/images/aS7IgsLPpCeSLZ7lgCwosZfJJck.png)
Analysis of UI UX trends
We use authoritative sources
We identify the most popular UX/UI trends
We choose those applicable to your project
We make a presentation with conclusions and recommendations
![Анализ трендов UI UX](https://framerusercontent.com/images/dwxPkLIEZBLso4ULSdp3JluUI0.jpg)
Audit of UI UX trends
We analyze all screens, identify design flaws.
We propose ideas for improvement with justification of our position.
![Аудит по трендам UI UX](https://framerusercontent.com/images/2XrZHt0YUmJq2OuOfqQVmOm5U.png)
Interface design
We create a detailed prototype to show the interface and ensure that all requirements are taken into account. We use the prototype for UX tests (interviews with users).
Prototype development time: 1-2 months, depending on the project complexity.
![Проектирование интерфейса](https://framerusercontent.com/images/LTsXYANZ3tOLBfzcjVGzU1dzRk.webp)
Design as a system
We remove chaos from the project and completely rebuild the color palette and components.
Your developers will be pleasantly surprised by the organization of the design project.
![Дизайн как система](https://framerusercontent.com/images/jRmQsRKl606Ih3LPdCLDE8u0yM.jpg)
UI kit, colors, and typography
We draw all the states of auxiliary elements: buttons, fields, pop-ups, etc. We create separate sets for different resolutions: on smaller screens, the font size decreases proportionally.
![UI-kit, цвета и типографика](https://framerusercontent.com/images/e9AS8nxbtToTDQHdW75mxP5OC4.png)
New design concept
We design several main pages, taking into account UI UX trends, flaws of competitors, and existing design.
We create layouts based on components, using autolayout and variables in Figma.
![Новая дизайн концепция](https://framerusercontent.com/images/fYj8fDAY1jlfyGmpqxfpqG05LU.jpg)
Designing pages in Figma
We create layouts in 3-5 resolutions for different devices.
Layouts are based on the UI kit, color palette, and rules of adaptive typography, which we create individually for each project.
![Дизайн страниц в Figma](https://framerusercontent.com/images/seAzYJYjFTrxTzBbwp8qV529HG4.png)
Order in design
No one will be confused: all the rules are already inside the design system, and the use of variables will eliminate a significant portion of manual adjustments.
![Порядок в дизайне](https://framerusercontent.com/images/yqgKzyadNHXTtsldara538vtKk.jpg)
Creative task
We will come up with how to introduce a new feature as a test task.
We will offer several options, without major modifications, without breaking the user's familiar path.
![Творческое задание](https://framerusercontent.com/images/RxDQyo5MtPE3kV7KEqbGLDY0w.png)
Redesign process
We start with studying the existing requirements. Often we do an audit of UI UX design trends.
Next, we design the solution, conduct a demonstration. After approval, we prepare the UI kit, color palettes, and typography. Then we create layouts and hand over to development.
![Процесс редизайна](https://framerusercontent.com/images/aS7IgsLPpCeSLZ7lgCwosZfJJck.png)
Analysis of UI UX trends
We use authoritative sources
We identify the most popular UX/UI trends
We choose those applicable to your project
We make a presentation with conclusions and recommendations
![Анализ трендов UI UX](https://framerusercontent.com/images/dwxPkLIEZBLso4ULSdp3JluUI0.jpg)
Audit of UI UX trends
We analyze all screens, identify design flaws.
We propose ideas for improvement with justification of our position.
![Аудит по трендам UI UX](https://framerusercontent.com/images/2XrZHt0YUmJq2OuOfqQVmOm5U.png)
Interface design
We create a detailed prototype to show the interface and ensure that all requirements are taken into account. We use the prototype for UX tests (interviews with users).
Prototype development time: 1-2 months, depending on the project complexity.
![Проектирование интерфейса](https://framerusercontent.com/images/LTsXYANZ3tOLBfzcjVGzU1dzRk.webp)
Design as a system
We remove chaos from the project and completely rebuild the color palette and components.
Your developers will be pleasantly surprised by the organization of the design project.
![Дизайн как система](https://framerusercontent.com/images/jRmQsRKl606Ih3LPdCLDE8u0yM.jpg)
UI kit, colors, and typography
We draw all the states of auxiliary elements: buttons, fields, pop-ups, etc. We create separate sets for different resolutions: on smaller screens, the font size decreases proportionally.
![UI-kit, цвета и типографика](https://framerusercontent.com/images/e9AS8nxbtToTDQHdW75mxP5OC4.png)
New design concept
We design several main pages, taking into account UI UX trends, flaws of competitors, and existing design.
We create layouts based on components, using autolayout and variables in Figma.
![Новая дизайн концепция](https://framerusercontent.com/images/fYj8fDAY1jlfyGmpqxfpqG05LU.jpg)
Designing pages in Figma
We create layouts in 3-5 resolutions for different devices.
Layouts are based on the UI kit, color palette, and rules of adaptive typography, which we create individually for each project.
![Дизайн страниц в Figma](https://framerusercontent.com/images/seAzYJYjFTrxTzBbwp8qV529HG4.png)
Order in design
No one will be confused: all the rules are already inside the design system, and the use of variables will eliminate a significant portion of manual adjustments.
![Порядок в дизайне](https://framerusercontent.com/images/yqgKzyadNHXTtsldara538vtKk.jpg)
Creative task
We will come up with how to introduce a new feature as a test task.
We will offer several options, without major modifications, without breaking the user's familiar path.
![Творческое задание](https://framerusercontent.com/images/RxDQyo5MtPE3kV7KEqbGLDY0w.png)
Redesign process
We start with studying the existing requirements. Often we do an audit of UI UX design trends.
Next, we design the solution, conduct a demonstration. After approval, we prepare the UI kit, color palettes, and typography. Then we create layouts and hand over to development.
![Процесс редизайна](https://framerusercontent.com/images/aS7IgsLPpCeSLZ7lgCwosZfJJck.png)
Analysis of UI UX trends
We use authoritative sources
We identify the most popular UX/UI trends
We choose those applicable to your project
We make a presentation with conclusions and recommendations
![Анализ трендов UI UX](https://framerusercontent.com/images/dwxPkLIEZBLso4ULSdp3JluUI0.jpg)
Audit of UI UX trends
We analyze all screens, identify design flaws.
We propose ideas for improvement with justification of our position.
![Аудит по трендам UI UX](https://framerusercontent.com/images/2XrZHt0YUmJq2OuOfqQVmOm5U.png)
Interface design
We create a detailed prototype to show the interface and ensure that all requirements are taken into account. We use the prototype for UX tests (interviews with users).
Prototype development time: 1-2 months, depending on the project complexity.
![Проектирование интерфейса](https://framerusercontent.com/images/LTsXYANZ3tOLBfzcjVGzU1dzRk.webp)
Design as a system
We remove chaos from the project and completely rebuild the color palette and components.
Your developers will be pleasantly surprised by the organization of the design project.
![Дизайн как система](https://framerusercontent.com/images/jRmQsRKl606Ih3LPdCLDE8u0yM.jpg)
UI kit, colors, and typography
We draw all the states of auxiliary elements: buttons, fields, pop-ups, etc. We create separate sets for different resolutions: on smaller screens, the font size decreases proportionally.
![UI-kit, цвета и типографика](https://framerusercontent.com/images/e9AS8nxbtToTDQHdW75mxP5OC4.png)
New design concept
We design several main pages, taking into account UI UX trends, flaws of competitors, and existing design.
We create layouts based on components, using autolayout and variables in Figma.
![Новая дизайн концепция](https://framerusercontent.com/images/fYj8fDAY1jlfyGmpqxfpqG05LU.jpg)
Designing pages in Figma
We create layouts in 3-5 resolutions for different devices.
Layouts are based on the UI kit, color palette, and rules of adaptive typography, which we create individually for each project.
![Дизайн страниц в Figma](https://framerusercontent.com/images/seAzYJYjFTrxTzBbwp8qV529HG4.png)
Order in design
No one will be confused: all the rules are already inside the design system, and the use of variables will eliminate a significant portion of manual adjustments.
![Порядок в дизайне](https://framerusercontent.com/images/yqgKzyadNHXTtsldara538vtKk.jpg)
Creative task
We will come up with how to introduce a new feature as a test task.
We will offer several options, without major modifications, without breaking the user's familiar path.
![Творческое задание](https://framerusercontent.com/images/RxDQyo5MtPE3kV7KEqbGLDY0w.png)