Synopsisapp / redesign of a blog page
What begins as a simple idea can sometimes lead to unexpected professional growth. This case study explores my own transition from healthcare consultant to UI/UX designer.
process.
finding the market gap
While researching digital tools for health professionals, I discovered a significant market gap in Greece. Despite the abundance of therapy practice management platforms in the USA and across Europe, Greek therapists had virtually no localized options designed for their specific workflow needs. This absence of suitable tools meant that therapists in Greece were managing their practices through cobbled-together solutions—often combining paper records, basic scheduling and note-taking apps.
The concept for Synopsisapp emerged from this clear market opportunity: a unified platform offering scheduling, session and patient management, smart note-taking, and other essential tools tailored specifically for the therapy community.
When I shared this concept with my partner, a software engineer, he immediately recognized its potential value. What began as a casual conversation soon evolved into a project.
the unexpected design journey
Initially, my role was well-defined: I served as a healthcare consultant providing domain expertise and created content for our blog. During team meetings, I found myself increasingly drawn to the design discussions and became fascinated by the decisions that shaped user experience.
This curiosity sparked something unexpected. I began immersing myself in UI/UX fundamentals through online tutorials and design resources. The blog section became my testing ground. After searching other blogs, I started designing the interface. This hands-on experience transformed my relationship with the project and revealed a new professional path worth exploring.
starting the design
low fidelity wireframes
blog main page
I made the newest blog post bigger than the others, with a larger picture and bigger title. This helps readers notice the new content first while still seeing older posts.
We continued having the card layout for each post to keep them easy to scan quickly.
I suggested using tags like #psychology, to help readers find easier articles about specific topics they're interested in.
For colors, I kept it simple by using just the main blue color with a white background to keep everything looking clean and not too busy.
blog post
I arranged the blog post page in a simple order - big picture at the top, then the breadcrumb navigation, then topic tags, then a short summary, and a divider.
I left plenty of white space around paragraphs so the text doesn't feel crowded and readers can focus better on the information.
I used a single column of text in the middle, that works well on phones and laptops, so people don't have to scroll sideways to read everything.
related posts
Rather than allowing readers to reach a dead end after finishing an article, I designed this section to suggest related content, using the article's existing tags as connection points.
I used the same card layout for the suggested articles, so everything looks cohesive.
I also added a "See all posts" link, so readers can find quickly all the articles, if they want to read a blog post of a different topic.
what I've learned.
While I recognize I'm still early in my journey, these two weeks of this redesign taught me more than I could have imagined.
Starting with zero Figma knowledge, I taught myself the UI/UX fundamentals through hands-on practice
What began as curiosity evolved into genuine interest and eventually a new career path in product design
I was introduced to the collaborative aspects of design work, attending team meetings and
using tools, like Slack