about me
Hi there, I’m Joan Gichuhi, a Product Designer blending strategy and craft to design digital experiences that work beautifully and feel effortless.
Think of me as part architect, part interior designer for the digital world - I plan how things should work, design how they should look and feel, and collaborate with developers to bring those ideas to life.
I currently design at my1health.com, shaping how patients, doctors, and referral partners connect across web and mobile experiences.
When I’m not designing, you’ll probably find me with an iced latte in hand, curating playlists or experimenting with recipes - because whether in the kitchen or in the digital space, I love creating experiences people genuinely enjoy.
UI/UX Design:
Tools:
Code:
User Support Professional (A+) - Institute of Advanced Technology (IAT)
Attained a User Support Certificate after completing a 3-month course on how to deliver efficient user support.
Bachelor of Information Technology - kabarak university
Graduated my final year with a Second Class Degree in Information Technology
Highschool IGCSE Certificate - Mustard Seed Internatonal Schools
Graduated Highschool
Product Designer - My 1Health
At my1health.com, I design across the full product journey - from user research and interface design to behavioral insights and marketing communication. My work spans our referral partner network, patient support system, website, mobile app, and marketing collateral, ensuring every touchpoint feels consistent and connected.
Key roles:
- Lead design across all company products: Referral Partner Network, Patient Support System, website, mobile app, and marketing collateral.
- Simplify complex healthcare processes through research, prototyping, and visual design.
- Collaborate with product managers, developers, and marketing to ensure every touchpoint is consistent and user-focused.
UI/UX Designer - Lima Tech Data Limited
Developed mobile and web UI prototypes to enhance usability and create cohesive digital experiences across platforms.
Key roles:
-Redesigned the company website in Figma and implemented it from scratch using HTML5, CSS, Bootstrap, and JavaScript.
-Redesigned interfaces for existing products and created innovative UI prototypes for new mobile and web applications.
Front-end web developer
Leveraging HTML5, CSS, JavaScript, and Bootstrap to create responsive and aesthetically pleasing web applications.
Internship - Telkom Kenya Limited
Contributed to network connectivity initiatives across various company network devices and sites in Nakuru County.
You can read more about me by clicking the "Download Resume"
download resume say helloLet's see my work
lily's portfolio
The client wanted a personalized porfolio, where she could showcase her consultancy business and services, as well as enable prospective clients to schedule meetings with her online, without the hustle of phonecalls. The porfolio has helped in increasing her online presence. Moreover, it has eliminated her stress of having to manually create meetings timetables by automating that whole process.
- created - 2021
- technologies used - Html5, Css, Bootstrap, JQuery, Javascript, PHP
- role - frontend
- view online - lilconsultancy.smodern.co.ke
smodern health
Smodern Health is a health and wellness website that offers a blueprint to healthy living, as well as weight loss. It contains 8 eCookbooks, nutrition advice, a workout section, and planners to equip anyone with tips and guidelines to lose weight, get stronger, and live better.
- created - 2018
- technologies used - Html5, Css, Bootstrap, JQuery, Javascript, PHP
- role - frontend
- view online - smodern.co.ke
Smodern Health Blog
This is a dynamic health and wellness blog designed to equip users with valuable health, wellness, and nutrition information, in addition to various delectable recipes. Its overall objective is to help eliminate the ongoing Diet Culture.
- created - 2021
- technologies used - Html5, Css, Bootstrap, JQuery, Javascript, PHP
- role - frontend
- view online - smodern.co.ke/blog
my old resume
My old resume showcases professional information about me such as my education background, and professional experiences. It also showcases projects I have done and some I have collaborated in.
- created - 14 March 2018
- technologies used - Html5, Css, Bootstrap, Javascript, Jquery
- role - frontend
- view online - myoldresume.smodern.co.ke
oridi girls secondary school
The client wanted a basic informational website highlighting her school (Oridi Girls Secondary School).
- created - 2020
- technologies used - Html5, Css, Bootstrap
- role - frontend
- view online - oridigirls.com
dukani.Co
Dukani.Co is a demo of a scroll-based e-commerce website. It was created as a sample revamp of the company's old website during an interview process. It is currently only suitable for a desktop view.
- created - 2020
- technologies used - Html, Css, Bootstrap, Javascript, GSAP
- role - frontend
- view online - dukani.smodern.co.ke
React-based bakery (demo)
This is demo website showcasing the use of ReactJs components.
- created - 2021
- technologies used - Html, Css, Bootstrap, Javascript, ReactJs
- role - frontend
- view online - jobakery.smodern.co.ke
Pet Care Landing page
Designing trust — not just features.This is a concept landing page for a pet care brand called PetHome — built to feel calm, emotionally intuitive, and welcoming to real pet parents.
I focused on:
- - Clear hierarchy & booking flows
- - Soft, human-centered visuals
- - Trust-building sections like testimonials, partner logos, and a pet “Hall of Fame”
From emotional storytelling to conversion clarity, this layout was designed to feel like home — not just another service.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Business card concept
Designed for clarity, trust, and instant recognition, this business card concept balances a modern, high-contrast aesthetic with easy-to-read typography. The goal? A sleek yet functional design that makes key information accessible at a glance.
Design Highlights:
- - Dark theme for a premium, high-trust feel
- - Clean typography & structured layout for readability
- - Subtle blue accents to add a dynamic touch
- - Strategic contrast between front and back for balance
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Closet Apparel Co. Brand Guidelines
Exploring the essence of consistency, elegance, and modern simplicity in branding through this concept project. From the handwritten logo script to the sleek black-and-white palette, every detail was thoughtfully designed to reflect confidence and style.
Why are brand guidelines a game-changer?
- - They ensure visual consistency across platforms.
- - They build trust and recognition.
- - They help brands leave a lasting first impression.
I loved working on this conceptual project, and I hope it inspires you!
- Made with - Figma
- role - UI/UX Designer
- To view full design - Click here
- dribbble - View design on dribbble
Father's day cards
*Fun fact* Approximately 72 million Father's Day cards are given annually in the United States alone, making it the fourth-largest card-sending occasion! As a UI/UX designer passionate about crafting meaningful experiences, I'm thrilled to showcase some heartfelt card designs perfect for celebrating dads this Father's Day.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Expense tracking dashboard
*Surprising but true!* Over 60% of individuals struggle to keep track of their daily expenses, leading to financial stress and poor money management. I had a lot of fun designing a user-friendly expense tracking UI that simplifies budgeting and helps users regain control over their finances.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Get well soon cards
Hi there!
Did you know that receiving heartfelt get well soon cards
can boost recovery rates by up to 20% among pediatric
patients? Amazing right?
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Cosmetic shop
Hi there!
Did you know? More than 50% of consumers prefer beauty
products with sustainable or eco-friendly packaging,
highlighting a growing trend towards conscious consumption.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Summit event landing page
Hi there! Fun fact: Live music events have seen a 22%
increase in attendance over the past year! I'm thrilled to
unveil a concept design for a Music Summit event.
Meet the Stars, check out glowing testimonials from past
attendees, browse the gallery for memorable moments from
previous summits, and snag your tickets directly from the
site.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Yoga studio landing page
Hi there! Did you know that yoga has surged in popularity,
with over 300 million people practicing worldwide? Welcome
to Yogi's landing page design.
Here's something cool: just 15 minutes of yoga each day can
make you feel 35% less stressed and anxious. In our busy
world, finding moments of calmness is really important.
That's why this design is all about creating peaceful spaces
where you can relax and feel good.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Yoga studio authentication screens
Welcome to Yogi: A conceptual haven for digital yogis. Step into a world where pixels merge seamlessly with tranquility, offering a glimpse into a serene cyber retreat. This design project channels the essence of mindfulness, presenting a virtual sanctuary where calmness reigns supreme.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Bakery hero section
Indulge in Delicious Delights 🍰 | Welcome to Joanna & Company! This design was inspired by a noodle shop I saw earlier this year.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Landing page for UI design pricing
Let's dive into the world of design pricing!
I often get questions about how much designers charge for
various creations like mobile apps, web designs, flyers, and
logos. Just like any other service, these designs come with
different price tags.
Excited to reveal the final screens, each reflecting Bella's
dedication to clear and stylish communication of her design
prices. Dive into a world where transparency meets elegance!
- To view full design - Click here
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Plant mobile app
Exciting news! 🌿 Introducing our Plant Management App — your pocket-sized botanist! 🌱 Track, water, and celebrate your plant babies effortlessly.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Floral - Chat and notification
Greetings, my fantastic online friends!
On my last post I posted Floral's Dashboard, My plants and,
Care recommendations screens.
Today we have: Community, Chat and Notifications screens.
From these screens Ava can interact in posts made in the
community section of the app. She can also view
notifications related to her posts or comments
All feedback is highly appreciated.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Floral - Mobile dashboard
Hi there!
Today we have: Dashboard, My Plants, and Care
Recommendations screens.
Dashboard screen: Gives Ava a brief overview of her
plants and when she needs to water them. It also has a "Most
popular" section which shows Ava popular plants she can add
to her plant collection.
My Plants screen: Shows Ava's plants. From this
section she can- View when she needs to water her plants-
View care recommendations that are unique based on the type
of plant and also the height- Edit her plant details such as
height, to get more accurate care recommendations- Add a
plant.
Care recommendations screen: Shows Ava what she needs
to make sure her plant thrives e.g. how much water, sun, and
type of soil her plant needs.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Floral - splash screen & login screen
Hi there!
When designing mobile applications, I believe in creating
engaging experiences right from the on-boarding screens.
A few weeks ago I tried out some on-boarding screens for a
plant lovers app called Floral. I've been working on more
screens related to the app to see how they go, as I practice
some design concepts.
This week I'll be sharing with you some of these screens and
finally their design shot. Any feedback is highly
appreciated.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Peripatetic Music Teachers Directory
Hi there!
Meet PMTD (Peripatetic Music Teachers Directory). I
have been working on this for some time now during my spare
time.
Persona: Corrine Laight. A very keen and active
musician who is well known to many in the musical scene. She
is passionate about building a solid and thorough foundation
for all music learners who come her way.
Goal: Make it easy for students and parents to find
the perfect music teacher who can help them achieve their
full musical potential.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Planet - Login page
Hi there!
I’m going to share with you 3 inspiring login page ideas!
Let’s design the future of user-centric logins! 🚀 As a
UI/UX designer, I believe in creating captivating
experiences right from the login screen.
Join me in brainstorming fresh concepts that leave a lasting
impression and make accessing accounts a breeze.
Login screen 1: Login page for “Planet” (an
international organization aiming at preserving our
beautiful forests)
Persona: Nika, a 28-year-old living in Brazil, which
currently ranks as the number 1 country with the most
deforestation. She loves the outdoors and is concerned about
the state of our forests and the impact of deforestation on
the environment.
Task: Upon arriving at her login page, Nika would
want to be greeted with an immersive personalized design
that showcases the beauty and importance of forests around
the world.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Florist - Login page
Hi there!
As promised it's day 2 of login page ideas and I have
something for anyone who likes all things flower.
Login screen 2: Login page for a 32-year-old florist
& wedding planner living in Seattle.
Persona: Clarisse has always been drawn to the beauty
of nature and its vibrant colors. She is excellent at
transforming her clients ideas into breathtaking floral
arrangements and unforgettable event experiences. I felt I
should do the same for her login page.
Task: When logging in to her admin dashboard (which
helps her to manage her floral inventory, track event
schedules, and collaborate with clients and suppliers),
Clarisse seeks a seamless experience that reminds her of of
her love for flowers.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Hanna Rasso's Login page
Hi there!
It's day 3 of login page ideas, here is a login page for a
persona - Hanna, a 32-year-old marketing manager.
Hanna's main challenge: Customers often forget their
login information and find it cumbersome to log in to the
website. This results in a poor customer experience and
makes it difficult for Hanna to collect valuable customer
data for her marketing campaigns.
Solution: Increase customer loyalty and engagement
with the company's brand through a personalized login
experience for her customers. This will encourage them to
return to the website and make repeat purchases.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Uamuzi Foundation
Hi there!
Meet Uamuzi Foundation, a platform that uses technology to
advocate for social justice for the youth, women and people
with disabilities who deserve equal economic, political and
social rights.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Charlotte Bay's Piano School
Hey there!
So a few weeks ago, I did a thing.. created a design concept
for the most played musical in the world *cue drumroll* the
PIANO.
Meet Charlotte Bay's Piano School.
Yesterday my partner in life & in work
@JusticeTowett
finalized on the live demo of the site in React.js and did
amazing job on it down to the last pixel. You can interact
with it by
clicking this link
PS:For a musical experience, click on the speaker
icon on the menu. It also has PayPal integrated on the camp
section.
I'm surrounded by a lot of talented musicians in my family,
all playing different musical instruments. I felt this was a
good way to celebrate them.
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
- Live Interactive Demo - View React.js demo
Crypto web design concept
Hey there Crypto lovers!
It's been a while since I shared a design with you, hoping
you've been doing amazing! .. that being said, *Cue
drumroll* here is a web design concept for Crypto services I
recently worked on. I'd really appreciate any and all
feedback, thank you!
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Justice's Portfolio
Hey there!
Today I'd like to share a snippet of a portfolio design I
worked on a while back, for my partner in life & in work,
Justice Towett. I'm happy to announce he's coded the design
perfectly down to the last detail.
I had a ton of fun working on this project. I love how the
mustard yellow, white, and matte black came together. Very
minimal
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Uamuzi Onboarding Screen
Hey there!
Today I would like to share some onboarding screens I
designed with a free illustration pack and Figma. These
screens are for a governance and peacebuilding platform I've
been collaborating on called Uamuzi. Be on the look out, you
will soon see it on Play Store. Let me know your thoughts :)
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Circle Tour Landing Page
Hey there!
Today I'm excited to share my new exploration of a travel
guide landing page called Circle. With it, users can easily
find incredible destinations to explore in my motherland
Kenya! Let me know your thoughts :)
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Housing app: Dark theme
Hey there!
I've been working on this housing design concept for a while
now! This is a design shot of the housing app's homepage in
dark mode. Let me know what you think :)
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Housing app
Hey there!
I've been working on this housing design concept for a while
now! This calm and well-measured app design was born thanks
to the struggles I've gone through while house hunting.
Classy colors, confident geometry, and some real photos of
gorgeous homes you could live in. I tried to make this
housing design as welcoming and calm as possible, as the
life in these houses could be!
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Messaging app
Hey there!
Today I'd like to share a design concept of a real-time
Messaging app. I like this shade of navy blue in this case.
Looks so powerful. Please share your thoughts. I hope you
like it!
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Admin Dashboard
Hey there!
Meet Olives, a new concept of an admin dashboard for a web
app!
Making data-driven decisions is one way to make your
business profitable. Sales dashboards can provide company
owners with valuable information about profits, customers,
and productivity.
This dashboard displays a chart that reflects the success of
sales and stats that reflect the total number of earnings
per month.
For this concept, I chose an olive green, white, and mustard
yellow color palette. I then spiced it with brown, and matte
black colors that accent the main UI elements and stats.
The vivid accenting colors make the stats easy to analyze
and compare. The entire information of this concept is
divided into blocks, so dashboard data is convenient to
perceive and navigate.
I hope you like it!
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
E-commerce Sign In
Hey there!
This is an e-commerce website design concept for a Sign In
page. I tried to make an app that is minimal, modern, and
easy to use. This sign in page gives a smooth user
experience with the simplified minimal look, and elegant
white background.
I hope you like it!
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Alarm App Design
Hey there!
Here is my recent exploration design for Alarm App Concept
that will literally make you jump out of bed.
I have used contrasting colors in the UI design, which
provides a better experience to see the visual data without
any interactions. Users can simply set their alarm, snooze,
or dismiss it as per their requirement. This app gives a
smooth user experience with the simplified minimal look.
I hope you like it!
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Forgot password
Hey there! So there's something about blue that i find very calming, so i thought i'd try out a few designs in #blue The following are simple mobile designs i've been working on, which include:
- Forgot password
- Check email for password reset link
- Reset password
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Sign In/ Sign In Page
Hey there!
Here is a simple mobile Sign In and Sign Up page I created. It has bottom border input fields and a lot of white space, giving it a minimalist look!
- Made with - Figma
- role - UI/UX Designer
- dribbble - View design on dribbble
Logos
Elitesphere Aviation
Novaya clothing store
Musyoki M. Advocates
Bramanjo Enterprises
Upper echelon store
Smodern health
Plant app
Save the planet
Wedding florist
Menus & flyers
Wattle House ad flyer
Personal chef flyer
breakfast flyer
overnight oats menu
pancakes menu
announcement flyer
ecookBooks
breakfast ecookBook
lunch ecookBook
dinner ecookBook
snacks ecookBook
Don't be shy. Come say
Hello!
Bonjour!
Olá!
joan@smodern.co.ke
phone
+254-719-690-226