UX/UI and Web design
Portfolio website
for Elena Lesnick
Platform: Web/WordPress
Role: UX/UI and Web Designer
Tools:
Elena Lesnick
A business lady: a book author, product manager, product owner, content writer, life coach, swim coach.
Elena is a very diverse and talented person who needed a unique design to include all her competencies into one portfolio website.
That was quite a task, and we managed to do it.
Project summary
Platform: Web/WordPress
Role: UX/UI and Web Designer
Problem statement
The person in question has multiple projects and competencies that sometimes are not related to each other which create a big problem for adequate and logical compilation.
Project scope
Our goals were: Create a bright portfolio website that would organically connect all spheres of persons’ professional life to show well-rounded creative person.
Research methods
— User interviews
— Usability analysis
— Internet research for all media channels, books, websites, pages of that person to collect all relevant data.
— A/B testing
— LookBack testing
Summary
We conducted UX research and suggested the best design options for portfolio website that would best show multiple talents of a person. Then applied the UX recommendations for website design options.
Research
Usability analysis
The first stage of the study was usability analysis. We looked through multiple designs of portfolio websites to choose the best design for this project.
User interviews
We conducted several user interviews with Elena to list all her competencies and collect all links to all resources.
Internet research
We conducted Internet research for all media channels, books, websites, pages of that person to collect all relevant data.
Key findings
We summarized the UX review findings on this topic and compiled a list of key findings:
| 01 | We need a long page design for index page to show all projects and talents of a person. |
| 02 | We need to group similar competencies and projects into content blocks. Elena asked us to separate Professional projects and Lifestyle projects on her website. We took this suggestion as a base for content grouping. |
| 02 | We need to add options for future site growth (new projects, pages, events) within existing blocks and adding new content blocks and links/pages. |
| 04 | Color scheme and fonts: we need to choose a warm and bold color schemes and specific fonts to unite creative and business sides of Elena as a person. |
Web Design
We worked on portfolio web design
01
Based on previous photo sessions of Elena, color schemes of her books and pages, we chose relevant color scheme of auburn-black tones for her portfolio website.
02
We added photo/video/icon details to the new portfolio website.
A/B testing
We also created a couple of wireframes to choose relevant block positions. One of them was chose via discussion and A/B testing methods.
Implementing
We finalized one design option and implemented it into WordPress based template going through several iterations with a client.
Lookback testing
Our target audience also tested the site on various platforms/browsers/phones and reported any issues (UX/UI or development) to us.
Outcomes
01
We created a bright and attractive professional website portfolio for Elena Lesnick.
02
We managed to show all her creative and professional competencies at one page keeping the uniqueness of each project and hobby, allowing for future growth.
03
Utilizing UX/UI design techniques we added special content blocks to allow visitors (both on web and mobile) see the full scope of talents and skills Elena has.
04
At the same time people who stay at a website can open special pages to understand a certain project in depth and contact Elena.
Other creative projects delivered for Elena Lesnick
#MyHeartOpener #ElenaLesnick
Audiobooks’ covers
Book Layout Design
Social media presence