Visual identity and UX/UI design for Ukrainian Smile
From visual identity and user journeys to complete website designs in Figma.
- visual identity and style guide
- Brand
- structure and user journeys
- UX
- complete UI designs
- Figma
Challenge
Develop a visual identity, plan the content structure and user journeys, and turn them into a UX prototype, wireframes and final UI designs.
Solution
We created a visual identity and style guide, and prepared the website copy and structure. We developed user journeys and produced the final Figma designs for frontend implementation.
What we delivered
Visual identity
Brand design and guidelines for its use.
User journeys
Planned interactions with the future website.
UX prototype
Page structure and wireframes.
Content
Prepared copy and a logical content structure.
Development handover
Final UI designs in Figma, ready for frontend implementation.
Design process
- Visual identity and style guide
- Content and user journeys
- UX prototype
- Wireframes
- UI designs in Figma
Technologies
Results
Visual identity
Visual system
The organisation’s visual identity was created.
Structure
User journeys and content
Page logic and user journeys were prepared.
Complete designs
Next stage: development
UI designs prepared for frontend implementation and launch.
About the project
The NGO design project defined the visual language and structure of its future website. The result is a consistent set of materials for the next stage of development.
