UI/UX and Visual Rebranding

I established the visual language and brand definition for online presence across the web and social media. I developed a set of wireframes and high-fidelity mock-ups of the new website. I also helped during the implementation stage by assisting the web development with my UI expertise.

I was assigned to design the User Interface for the new website (and to lead the re-design of the entire visual identity) and to collaborate closely with the client and experienced User Experience Designer.

After the initial assessment of the website, we focused on:

- Careful interview with the client and business needs

- Understanding end users

- Follow the Accessibility requirements

- Minimalistic approach and consistency of the layout

- Re-design the structure of the service

Business profile:

A public figure popularising awareness of psychology, relationships and social nuances through social media and a signature popular podcast. An author of two books, many workshops and webinars.

Part of the aim of the re-design was to build a service that connects the Instagram feed with the website and the shop.

My role:

- Design mockups following the mobile-first design principle

- Design the website's User Interface following previously designed information architecture

- Design components, CTA's, define styles, icons, etc.

- Create a handover including web documents

- Collaborate with developers during the implementation stage

Software used:

- Figma (Mockups, Prototyping, Library)

- Adobe Illustrator (Components design)

- Trello (Collaboration and task management)

- Slack (Communication)

UI/UX

Mobile first mock-ups

Mobile first mock-ups created in Figma.

UI/UX

Styles/Components

Components and styles created in Figma.

https://niedzwiecka.net/

Mock-ups below represent the initial layout of all components developed later during the final stages (some gaps). The final website differs slightly and it is still in the testing and improvement stage.