tania
tania
tsharma.com
1046 Entries
1 Marathon

Working on a commission piece for the past few days that is taking a lot of time to finish. The client wanted me to create an illustration of her family friends wearing traditional Indian clothing with a Rajput vibe. This type of illustration generally isn't my style, but I'm trying to do my best to make their vision come to life.

Spent most of my day in the morning/afternoon learning about UX/UI road mapping and product backlogs. These are techniques that I want to slowly integrate into my role as a UX designer at work to help improve company metrics, the overall usability of the product, customer satisfaction, and more. I think it will also be a good way to keep track and constantly revisit, goals, and tasks that need to be completed. Need to read more about this tom.

I finished the layout I started yesterday :) that's it for today. Happy Thanksgiving weekend 🍁🎃

quick wireframe sketch on procreate this morning. For those of you you saw my post last night, I didn’t post anything UI related. I felt bad at first for kind of breaking my streak, but I don’t feel as if I did. It’s a process, and there will be days where a routine might get interrupted with some family time or something else.

Back on it again. All a process

Looking at dashboard designs on dribble today and just iterating. Trying to come up with something that might work for a dashboard redesign I've been thinking about approaching @ work.

Going to finish working on this today/tom.

1

Using the logo I designed yesterday I went to a shop today and got it physically printed on this shirt for my client. The logo was printed on the shirt using Vinyl. I love seeing my digital designs come to life on a shirt or any type of merch. Makes me feel really good :)

4

Reposting because the original didn't post properly. But tonight I was experimenting with Procreate5's new update. You can now reflect your canvas on your face!!! So cool

4

drank 2 of these today, just refilled my third one. One bottle is 24 oz, slightly less than 1L. My goal is to drink 3 of these a day.

Sketching wireframe designs for a UI concept inspired by skincare/makeup review videos I am watching right now.

Original redesign on the left. Could've chosen different images to fit the color palette better for my design.

Reflecting on the importance of creating a hierarchy/style guide before designing UI layouts for a product, company etc. I've been through a situation & learning experience before where I didn't do this and I either had to alter the designs to identify the correct h1-h6(headings), realizing that I had too many typefaces (unrealistic to maintain a consistent hierarchy). Just reading more about this today.

Article: https://uxdesign.cc/10-key-ux-ui-design-elements-that-will-provide-the-best-positive-user-experience-f94c6323046e

A quick UI layout of what a landing page/shop might look like if I were to sell my artwork as prints (@i.n.f.u.s.e - on Instagram). I've been thinking about scaling my brand and joining a platform like etsy or Shopify where I can sell my illustrations. Thinking about the best ways to scale this business.

Redesign of a lifestyle/lookbook showcase layout I found on Dribbble. Original UI layout is on the right.

Article:
https://www.nngroup.com/articles/top-10-application-design-mistakes/

Overuse of Modals
Modals appear on top of the current page and the background content is usually dimmed (under the assumption that dimming will reduce distractions and help users focus on the task at hand). Unfortunately, this design choice reduces context for users by covering up information that they may wish to refer to while filling out the form. (Note that, even if the covered-up window does not contain information needed for the editing, users often attempt to leverage the work they’ve done previously, by copying and pasting previous inputs or even simply using other entries as templates for how to think about the current task.)

Found this point interesting about modals, because I'm currently working on designing some examples of modals for my part-time job with Epilogue.

Recreated an interface I found interesting! Took me about 10-15 minutes to create the exact design on the left.

Didn't get time to create a UI design today so I'm looking at some awesome websites on awwwards.com and getting inspiration.

Might redesign a site I like from the site tom

Spending some time today looking at some UX Resources. Might spend some more time browsing UI Garage for inspiration for my Daily UI Concept designs. I usually spend my weekdays practicing my UI concept designs and don't get enough time to do it on weekends. I usually spend my weekends reading articles about good UX/UI to help me when I'm designing my Daily UI concepts/while I am designing interfaces for work.

2

Today I did an experimentation of turning my designs into stickers. This was an experiment I did using my designs, some sticker paper and a printer. It was pretty fun but I need to test out different paper qualities.

1

Music catalog UI concept inspired by Billie Eilish's single "my future". I also really enjoy creating vinyl mockups using photoshop. So I decided to integrate that into this UI design.

Daily UI: Redesigned Jaden Smith's landing page inspired by his new single 'CABIN FEVER'. I designed a vinyl mockup using Photoshop and this was super fun to do!!!

2

Used the "Handz 3D Illustration" plugin in Figma today for my UI design. Thought the hands would be a good way to represent something like teamwork or just using it as a 'pointer to emphasize a certain piece of information.

Experimenting more with prototyping simple interactions using Framer. Something I think I'm going to use more. If anyone knows any other tools/resources for prototyping please comment below :)

2

DailyUI088 - Notes Widget App. I designed this concept app in Figma and prototyped using Framer. Happy with the outcome and transition.

DailyUI086 - I've been feeling really anxious at home these days and I didn't feel like doing something super complex so made this mood checker concept app thing 🤷🏽‍♀️

Random concept app I made today - not happy with this design at all. But sometimes you just have to make something to keep your creative momentum going.

I don't spend a lot of time on weekends designing UI designs, but rather reading short articles on Medium about UX/UI. So tonight I read a short article about some principles that make a good UI.

Today I experimented with designing a UI for a color picker using a file I found on the Figma community. I like coming across different websites that generate color palettes for me or even just easily give me the hex code for colors.

Landing Page concept for The Ordinary

I designed a very minimal UI for what the brand's site could look like. The clean and minimal design reflects its minimally designed products.

Visual Hierarchy in UX Design

Sizing

• use sizing and scale to draw more attention to elements more than others - need to be careful if assets become too large. (keep font-weight and sizing in mind)

Color

• bright/dull colors can also be used to draw users attention to specific areas in the user-journey creating a more pleasant experience

primary high contrasting color on buttons that serve as the most crucial call to actions.

Viewing Patterns

The Z Pattern

• the Z pattern starts on the top left to the top right, and then down to the lower left, and across horizontally to the lower right, essentially following the path of the letter 'Z'.

On Apple’s website, as you’ll see below the Mac page is designed to show multiple Mac options at the top, scanning horizontally and then placing a tagline along the diagonal direction. It then finishes off with a call to action for their product. All information is laid out very clearly, in a path that most people are already subconsciously drawn to use.

The F Pattern

• the F pattern is most commonly used for text-heavy sites such as article pages or blogs. It allows the user to read information from top left to top right all the way down each line.

Proximity of elements

Placing elements closer together can give the reader the perception that they are related, which will give them the incentive to read on or engage further.

•try asking the right questions that will help identify your target and improve engagement. Oftentimes on a team/client might say, "bold the title more to make it stand out", or "can we use orange in the background to make it pop?", but its important to ensure that you don't give importance to every single element. This can make a page super distracting and unclear.

Today my UI design is inspired by an article I found explaining Breadcrumb design and its use case.

Article: https://uxdesign.cc/guidelines-for-breadcrumbs-design-a90eb1b21348

think of breadcrumbs as a supplementary navigation tool, especially for designs with very deep pages of content.

Breadcrumb designs are useful when a user may arrive at a page on a website that isn't the home page via an external link. By implementing secondary navigation, users will be able to understand what part of the website they are on. This will help them navigate to other more relevant pages.

DailyUI Prompt: Confirmation

This confirmation prompt can be used as a message to inform users that a part of their user-journey has been completed/has been successful!

A fun little message with an illustration is always engaging, rather than just having a message with plain text saying "Success" / "Your order is complete".

4

Prompt for today was logo design. Designed simple logos using a circle + 4 different colors.

I'm super exhausted today I had a full day of meetings, but still managed to bang out this UI of a Job Listings Page.

Prompt: Coming Soon

Today I played around with linear and radial gradients! I like the multi-colored background, I'm pretty content with it! I kept the screen minimal in its design. This concept can be used for any type of product launch, website redesign, or the launch or a new brand!

The white font might not be accessible for every user but can also be altered with all black font!

Prompt: Activity Feed Concept
Today I designed a simple activity feed for mobile. It consists of some of my artwork, my name, file type, and two icons to "comment" or "like. This concept can be implemented on any platform that needs a feed or it can be used as a method to share the work creators are doing.

I designed simple logos that can be placed on the care cards to represent the type of information that will be on the card. These can be used to represent the tops they want to provide their clients with, based on, light, water, temperature, and humidity.

PottedJungle requested me to design a care card for them that they give to their clients with important information. Using the leaves I created for the logo I just incorporated them into this care card.

Daily UI - Information Card

My design for today is very abstract. I like the way my name and the word 'Designer' overlaps over the card. The overlapping + the kerning of the words is a good way to use white space, but also keep the design looking modern and clean.

I've also been experimenting with ways to incorporate a dot grid into my design. I personally just enjoy using dot grids. Its a visually appealing element to fill in some space.

I didn't know what to make today, so I started reading some of Apple's Human Interface Guideline. I was reading about App Architecture, specifically Onboarding, and decided to redesign their one of their onboarding screen for the Pages App.

Key features when onboarding new users or returning ones
• Keep the onboarding experience fast, fun, and educational
• Avoid asking users for setup information at first glance
• Make it easy for someone new/old to use your app, let them dive right in rather than making it difficult!

3

Experimenting with a free Figma file emailed to me from Daily UI - Process Masterclass. Just playing around with some of their assets.

1

Quick sketch I did tonight…

By duplicating the sketch and putting the white layer on top and a darker one on the bottom, gives this illustration a very crisp/high clarity feel

The longer I stare at it, it feels as if some sort of stitching of this person is coming out of the screen

DailyUI056 - To-Do List UI Design.

Today I tried to redesign Apple's Notes App by following their UI Design. I didn't redesign all the features in the top navigation bar of the Notes App. My goal with this was mostly to just try to see if I can redesign this interface.

Their notes app is very minimal in its appearance with the use of rounded corners, light gray shadows, and strokes around their components.

Reading articles on Hubspot tonight about Blog designs (Examples of blog designs, how to write a blog post, and design one).

Trying to understand what key features are essential for a blog post + blog. This will help me when I'm working on redesigning one this week for a new start-up I joined.

Worked on this during my Friday morning weekly coffee call with my new team at Epilogue. Started a ten week internship with them and it’s been great so far.

Prompt: Weather concept app
Today I designed the UI of a weather app. I kept the layout of the UI minimal, using light colors, simple shapes, and lots of grays.

I'm liking the layout of how I arranged the mobile screens in the frame (something you would see on dribbble lol).

Working on building a design system for my self so it's easier to pull assets into my UI designs. Slowly but surely.

I didn't get much time to work on my FL outputs today. I spent all my day baking lol, so this was all I could do today.

Played around with different strokes against a white/black background.

1

I spent 5-6 hours of my day today baking. Baking cookies and these donuts that actually turned out great for my first try 🤓

Prompt: A Blog Post

Foy my UI design today I decided to make a blog post design for my own website. Not sure if this is something I would implement as I don't often write blog posts. However, if I wanted to add this to my website this is how it would look.

I spent this morning practicing auto layout in Figma. I learned how to apply the auto layout to create a card with some child and parent auto-layout frames.

With auto-layout buttons can resize with their text, lists can rearrange themselves when items are moved around, and elements can be nested to create complex interfaces that respond to their content.

I also duplicated the cards to create a horizontal scroll effect for a prototyped version of how multiple cards can be implemented together.

Minimalistic Portfolio UI Design

[ My vision with the blob surrounding my name would be moving if developed using three.js/some other code ]

I did some adjustments with the font combination that was selected by Potted Jungle. Going to continue to finalize small details, and then try vectorizing this logo.

Prompt: Product Customization - Design something related to customizing a product. It could be a custom t-shirt, shoes, etc

Today I designed a single mobile screen of what it might look like to customize Jordan 1's. I focused on grouping my assets and creating components.

*I need to remember to name my design components whether its a button or a shape. This helps to keep things organized when designing various design elements.

A simple rounded card that I designed today.
Focus points for my next UI designs:
- work on grouping/creating components for assets
- build + follow my own design system
- practice auto layout

Experimenting with a plugin on Figma today called Redlines. It allows you to quickly measure and plot dimensions of any selected objects.

I got some super positive feedback on the logo designs! They love the layout of the leaves in the third triangle and the font combination in the second triangle.

They have requested that I use the font combination in the second triangle with the addition of the monster leave at the end in the third font combination. 🤩💚🌿

Prompt: Design a file upload element. Is it the loading screen and icon? A progress element?

I designed a drag and drop file upload element. I like the progress bar upload element because it shows users which files are being uploaded and the progress of upload completion.

Not sure how I feel about the dotted/dashed stroke element. Something I was experimenting with rather than using a simple stroke for the border.

First iteration of the logo design. Working on drawing the leaves in Procreate. Need to continue making it look fuller. Not sure how I feel about the sizes and placement of the leaves. I will keep experimenting.

2

Sharing some collages I made inspired by some black artists and their songs that reflect current issues such as racism. Sharing these on my Instagram as well.

These were designed in collab with @trixthekid

Songs on the All-Amerikkkan Bada$$ (album) have been really uplifting and inspirational during these difficult times.

Artist: Joey Bada$$

Prompt: Design something related to pricing.

Today I designed a pricing table. This pricing model concept can be used across any business trying to sell a digital product, software, subscription, etc.

Update: It's taking me a really long time to put together the leaves with the effect. I think it might be hard to achieve this kind of look by vectorizing each leaf individually.

I'm going to quickly try drawing out the entire logo on my iPad and image tracing that. There will def be lots of paths but I'm going to see what happens…

The second approach:

I vectorized my leaf drawing in Illustrator and brought it into Figma. (this can be done on Illustrator too). To achieve the watercolor/texturized look I added the effect as a separate white later on top of the leaf.

The leaf on the left has an opacity of 50% of the image, and the leaf on the right has an opacity of 100%. This gives me some room to increase or decrease the harshness of the effect applied on the leaf.

I think I am going to go for the second approach. This will allow the clients to view the leaves with and without the effect and to what degree they would like the effect to show. With the first method, the texturized effect and the leaf itself are vectorized, so it would be difficult to alter or make any changes. This would result in me to manually adjust each path.

I started working on the logo design again today. Before I start designing I'm trying to experiment with how I'm going to achieve the watercolor effect with a vectorized logo.

There are two solutions. The first solution is to add the watercolor effect onto the leaf and do an image trace of the entire leaf in Illustrator. However, this resulted in the leaf to have millions of paths. Not sure if this would be the most effective method in terms of the logo design.

On the right of the image, you can see there are so many paths, but it was able to vectorize the watercolor effect as a whole which is great!

Picking out some fonts I like for the word "Potted". Going to try combining it with the ones I chose for jungle and see which pairs look the best together.

Vectorized some of my fonts and brought it into Figma!! This is getting me excited and I'm thinking about making my own font/typography one day 🤩

2

Since I am going to have to vectorize the logo I am designing, thinking about how I am going to vectorize the watercolor effect they want on their plants.

I can easily achieve the watercolor logo in a png format, but vectorizing that might be difficult.

Going to experiment vectorizing a watercolor plant.

Method 👇🏽
Draw leaf in Procreate > Create a washed-out white watercolor effect and export as an image > Vectorize plant image in Illustrator > Export SVG into Figma > add watercolor effect as a separate layer on the plant (png format).

Feedback on my mood board/rough designs ✨:
- They love the designs
- PottedJungle initially wanted a simple logo like the ones I created, but after further consideration they want a fuller and more wild look to match the brand name (PottedJungle)
- Image attached in this output is the kind of design they are looking for
- Specific flowers they want me to include in the logo: monster, rubber plant leaves, bird of paradise leaf

1

Rough logo designs I drew using Procreate. I sent this file to PottedJungleTO to receive some feedback before I start designing the vectorized logo.

2

Prompt: Onboarding. Design something onboarding related.

Today I designed an onboarding user journey for a business that sells plants. Many small businesses are currently selling plants online via Instagram and Facebook. This is a UI design that can be used for their mobile app/website if they are looking to expand.

I spent a lot of time on this one. I practiced designing buttons, cards, a search bar, some icons and more.

I start most of my design thinking with a mood board. I started searching for different plant logos that are already existing. I compiled images that I thought were visually appealing and created a collage.

I am going to use this as inspiration for PottedJungleTO's logo design.

2

PottedJungleTO is a Toronto based company that sells plants. I reached out to them via Instagram sharing my plant designs with them that I've been working on recently. They really admired my work and asked me to design a logo for them.

I will be sharing my design process on this journal.

Prompt: Search - Design something search-related. It could be a search bar, an advanced search window, a search function, etc.

I designed a search bar this morning inspired by Ye's unreleased album #Yandhi and #Jesus is King.

Online Store (Art Prints) Concept
Today I designed the UI of what an online store might look like that is selling art prints/any product. I took one of the visual art designs that I made today and incorporated it into the design. I really like this design, might even use this style/approach when designing a store for my prints in the future.

I’ve been really into drawing and painting plants recently. I’m also really digging the neutral toned colour pallet. Would love to have this print in my room…

Redesigned a countdown timer because I was unhappy with the previous countdown timer I designed. This UI concept can be used for the launch of any product, sales, discounts and more. Kept the design minimal.

Prompt DailyUI: Location Tracker 📍
Designed this in Figma using the Mapsicle Plugin. It's a great plugin that lets you embed a map into your design based on any address/location.

Thinking of continuing this plant series.

Doing a series of illustrations/designs in a similar style is always enjoyable for me. It gives me a chance to make more of what I love.

2

Trying to figure out how to create a SkyBox using Three.js, but it doesn't seem to be working out.

I tried adding the OrbiterControls.js open-source library and also used the open-source code to create this 3D world. Nothing rendered for me. Going to have to try tackling this again. 😔

Prompt: Analytics

Today I designed a Sleep Visualizer UI with some sleeping analytics. I adopted a Neumorphism design for the two screens. This was definitely a fun exercise and I’m happy with the outcome. #dailyui

Prompt: Design a Pop-up/Overlay
Today I designed the UI of what a discount pop-up may look like on an e-commerce site.

I spent some time today browsing multiple websites and stores to buy plants, this is what inspired my design for today. Happy with the outcome 🌱

Prompt: On/Off Switch
Experimented with a Neuomorphism design trend today.

Neomorphism: Components have a dark box-shadow on the bottom and a light box-shadow on top. The combination of both creates the effect of the elements pushing themselves through your display.

Prompt: Countdown Timer

I tried to use the smart animate feature in Figma to change the numbers for the countdown. The moving plants are a gif I designed in Procreate. Not really happy with the outcome.

I might redo this prompt today and design a countdown timer for a mobile/desktop.

DailyUI Prompt: Design a Flash Message with both the outcome for an error and success.

Designed this in Figma.

Three.js a bunch of materials you can use. Testing out one called MeshNormalMaterial with this code:

THREE.MeshNormalMaterial( { color: 0x000000 } );

It meshes together all RGB colors to make a nice gradient.

Prompt: Design a social share button/icon and be mindful of the size, imagery, placement, and purpose for sharing.

-------

Simple prototyping to showcase how the share button would be used.

Prompt: Design a social share button/icon and be mindful of the size, imagery, placement, and purpose for sharing.

------------

For today's prompt, I designed a social share button for a user reading an article on a mobile view. This type of UI design can be used on any platform's blog. The article design is inspired by something I learned how to do yesterday. 👇🏽

-------------

Yesterday I came across an article on Dribbble that turned out to be super useful for me. In the past, I used Adobe Illustrator a lot but found better tools for designing, such as Figma.

This article was super useful because it explains how to generate a color palette between two colors using the "Blend Tool" on Illustrator.

I haven't found any tools that generate a robust color palette by selecting your own colors. I definitely think I'm going to be using this feature often.

Today I am not doing my Daily UI Prompt since I didn't have time to complete it. Instead, I remixed a contact card from someone in the Figma Community this morning.

2

My illustration pack "Basic Apparel" for blush.design is complete. Demo for this will be live on blush.design in a few weeks.

Basic Apparel - Mix and match illustrations of humans using the “Basic Apparel” pack. You can combine hair, clothes, poses, and backgrounds. This pack is perfect for any professional or personal project use.

Creating a modular design system in Figma was super fun, and I want to continue to make more.

I am super grateful to have received this opportunity from @pablostanley, one of my favourite designers!

DailyUI009
Design a music player. Also, consider the device type that's playing the music. A dashboard in a tour bus, a smartwatch, or via a web browser. Each device type will have different requirements, features, and restrictions to consider.

Designed a quick mockup for an apple watch.

2

DailyUI008

Prompt: Design a 404 page. I wanted to design something bold and fun because a 404 page is something that people land on often.

I looked at some 404 pages on Dribbble and many were space-themed, so I decided to go for this type of design. This 404 would only work for some brands/websites as it may not align with the branding guideline.

Thinking of making another 404 page that is more minimal and can be used by many brands/businesses.

The astronaut was designed using Procreate and the rest of the assets were created in Figma.

DailyUI007
Prompt: Settings (Design settings for something). Using my daily prompts only during the week. On the weekend my concepts will be a random UI design.

Using a Figma plugin I designed a mobile screen that displays settings for 'General' and 'Security and Privacy".

Simple wireframe of a mobile screen. I would use this screen as part of my user's onboarding journey to display, an image, some text, and a next button.

Next steps:
- create background and scenes for the characters
- facial hair?
- more accessories
- finish illustration kit by May 7th, 2019

DailyUI005
How the app icon would look alongside other apps. Used a Figma plugin to design this layout.

DailyUI005
Prompt: App Icon
Notetaker was the name of an app idea I had a while ago. The app would be able to record your voice and transcribe every word into text. This tool would be used by teachers/students in classrooms.

Pain points:
- teachers speak to fast during lectures
- inability to retain information
- too much work to write down notes manually or type while someone is speaking

DailyUI004: Calculator

Feeling tired today, just put this together. Not too crazy about the prompt provided by DailyUI for today.

Designing some seats/stool components for my humans to sit on! I tried to incorporate some diversity by creating a wheelchair for those with accessibility needs.

Going to incorporate these seats into my future backgrounds soon

DailyUI003: Landing Page - consider important landing page elements (call-to-actions, clarity, etc.)

This is the current landing page for CB2. They don't really have a welcoming page, rather a landing page that showcases their products right away.

The services they offer get hidden in between their content and products. CB2 provides users with a service where they can redesign their rooms with a virtual room design using AR.

Next Steps:
- finish full-body clothing
- design stools/seats so the lower parts of the characters can rest on an object
- design some backgrounds and settings

I am experimenting with creating full-body clothes such as overalls and dresses. At first, I put the overalls on the upper body set and attached legs to it, but this was not the right way to do it.

Pablo advised me to create another master for just full-body clothing. As a result, it does not get mixed up with the upper/lower set.

Struggling to build a finalized color palette that includes skin colors, hair colors, and clothing color.

Using procreate to help me pair analogous and split complementary colors together using the color wheel.

Left aligned contents this morning making the screen look more organized. I also moved contents over to the center slightly.

DailyUI002: Credit card checkout form/page
Redesign of Nike's current checkout/payment interface.

Not the happiest with this redesign, but I wanted to output this before 12. The page doesn't seem quite balanced and isn't using the white space effectively.

Too much white space in the middle is distracting. I might work on redesigning this again in my spare time.

DailyUI Prompt 002: Design a credit card checkout form or page. Don't forget the important elements such as the numbers, dates, security numbers, etc.

My goal for this UI design what to redesign the payment/checkout section of Nike's website.

Need to explore these two areas more to get a better understanding of what assets make an intuitive and seamless web checkout experience.

Top & bottom components are almost done. Spent 4+ hours completing the bottoms and tops.

Also started creating some full-body clothing components(overalls, dresses).

Creating more bottoms. I'm planning to create some seats for these humans to sit on.

Also contemplating changing the color of the clothing to be more vibrant.

2

The image on the left: inspiration
The image on the right: Current sign-up page of Vans.

I tried to make my redesign more clear and concise. I feel that my redesign emphasizes the brand more with the use of a bright-colored image of their product. This will catch users' attention and will make them want to sign up.

Thinking of starting a #dailyUI challenge to continue practicing my user-interface design skills. Not sure how long I can keep up the streak for. Today I redesigned the sign-up page for @vans_66.

Today's prompt: Create a signup page, modal, form, or app screen related to signing up for something. It could be for a volunteer event, contest registration, a giveaway, or anything you can imagine.

While I was scrolling on Dribbble I came across a UI design and tried to incorporate it into my redesign. In my next output, I will post my inspiration and the current sign up page for Vans.

Custom character position I designed using the Pose App. This helped me conceptualize where the foreground is in relation to the foot in the front.

Doing some testing today of all my components (hairstyles, tops, and bottoms). Going to start working on making 5 more bottoms with a sitting position to have some variety and more tops.

Problem: Components weren't fitting together perfectly because elements were not aligning in the same X and Y-axis. Specifically, the neck and waist needs to be aligned in the same plane.

Using a rectangle as a guide to help me figure out where I need to move the neck and waist so all the elements fit together perfectly.

The current issue I am having and the technical aspects I am missing to ensure the system works together.

Although the clothing seems to align with one another because I have manually moved all the components to fit. After Pablo's review session from my first iteration, he advised that I ensure important components such as the neck and waist are aligned in the same X and Y plane. In Figma when I tried replacing different tops on a human, they kept shifting to a different axis.

I also forgot to include body parts to my clothing components. For example, each top must be grouped in a component with the upper body on Figma. This is the only way a modular system can work.

Feedback from Pablo
- The Hairstyle components need to have the head/face too. They're the Head component.
- The Upper Body components should have the rest of the body, not just the clothes.
- The Lower Body components should have the rest of the legs and feet, not just the clothes.
- Decide where you want to put the neck. The head or the upper body?
- The positions of the neck and waist have to be the same. This is crucial since this helps make all the pieces fit together.

Iteration 1 complete including 5 tops and 5 bottom components.

Throughout this process, I switched my technique of creating clothes. Instead of creating in Procreate, I started building clothing using the Pen Tool and using basic shapes in Figma. I found it to be a much easier process.

Designing clothes in Figma eliminated the step of converting files and components from raster to vector. In Figma, I was easily able to create a variety of clothing (used ellipses, rectangles, and the pen tool to create curves).

Experimenting with different hair components. I also adjusted the paths of my clothing components so it would be straight rather than wavy, making it easier to fit with bottoms.

I made these humans using the Pose App template as a guideline to design my components over. Some feedback I received from Pablo is that the human on the left isn't an accurate representation of how humans actually walk
In the left human, the feet are sort of floating in the air and are not aligned to the ground.

I wanted to make it seem like the character is walking, so Pablo helped me to ensure that one of the feet of the character is flat, and one is lifted off the ground.

I started drawing some more clothing components in Procreate. Later, I brought the file to Figma and adjusted components ensuring they fit and are aligned with my character.

The feedback I received from Pablo:
- See how things are organized
- How the elements are cut, so they all fit together
- How Master components are put together with the pieces (you only need some masters, not everything needs to be a master)

I had to iterate and fix my tops for clothing so they are all cut straight, being able to fit with the bottoms easily.

Using procreate to draw components like hair was convenient. I was able to create a diverse amount of components for hairstyles (long, short wavy, curly, buzz, bun, long with bun, etc.)

Technical component:
Export PSD file from Procreate into Illustrator > Image trace + ignore white in Illustrator, then expand. This method allows all layers to expand into separate components and become their own vectorized layer.

I started designing my first character with separate layers in Procreate. When drawing on procreate all illustrations and drawings are raster images. For this project, all components need to be vectorized.

The technical process I was using: Procreate > Illustrator (to vectorize all layers) > Figma to build components.

I realized that you cannot image trace/convert layers to vector in Illustrator unless all layers are black. I spent many hours drawing on procreate with colors, only to realize I have to make them black again. This was very time consuming and tedious.

For this project, I wanted to add shadows and textures on my clothing, but it was too difficult to image trace and vectorize those little details in Illustrator.

Recommended by Pablo, I used the Pose App - a web app to create character poses. The app lets you export pngs that can later be used as a guideline to design the human.

The Pose App is an interesting tool that lets you create custom positions/poses by rotating different body parts, adjusting height, angles, and more.

Before designing things to keep in mind
1. Modular System:
- All components (shirts, bottoms, body parts) can be combined without any problems. Everything has to fit like lego.
- The pieces must be anchored in the same X and Y positions. (the neck and waist has to always in the same place since it is where the head and body connect).
- Create separate pieces so people can edit them. Arms(L/R), Legs (L/R), torso, head, neck, etc.
2. Gender-Neutral
- Loose clothing
- Bodies with simple figures
- Optional: focus on groups like LGBTQ, Latino culture, people with different abilities, and more.
3. Use a restrained color palette, so they can be easily changed.
4. Make sure all the elements are in different layers.

Components to draw: head/hairstyles (long, short, bob, buzz, ponytail, curly, bangs, etc, accessories, upper body variations, low body variations, sitting poses, facial hair, backgrounds.

I've really been admiring pastels, soft colors, and nudes lately. Put together some shades I might incorporate into the clothing of my character illustrations.

Images are from Pinterest.

As a feature artist for Blush, my first step to creating an Illustration pack for Blush is to curate a mood board with images of the kind of style I am going to be approaching.

I gathered a bunch of images from Pinterest and Dribbble of humans walking/doing some kind of movement. Two of the illustrations in the mood board are designs I have made in the past of characters walking. I want to design my characters so they are looking to the side/ in a walking pose.

My idea for this illustration is to depict themes such as diversity, minimalism, and fashion.

Pablo Stanley is one of my favorite designers and illustrators. I admire his open-source illustration kits available on the internet for individuals to use. Currently, Pablo is working on developing a web app called "Blush", where users can download illustrations for personal use.

"Blush is a plugin that brings illustrations for everyone. Our vision is to connect illustrators and other creators, offering a breadth of options in style and composition that can quickly adapt to a brand and context."

Pablo has hired various Illustrators to create illustrations for Blush. On April 22, 2019, I reached out to him via Twitter to see if I could provide him with value in any way possible. Following this, he hired me to create an illustration pack for Blush.

The first step to creating an illustration kit was creating a Moodboard for the types of designs I want to create. Pablo had already sent him his Moodboard and what his visions are for this project.

2

Been a stressful week for me. Being at home everyday since school ended can be exhausting and draining for me, since I still haven’t found a routine that is best for me. Sometimes throughout the day the only thing that gets me through is the thought of just going to sleep at night again, peacefully.

hope I can get back into my groove soon

After Hours Inspired Artwork ❤️🖤
⁣⁣⁣
I spent two days designing this piece of art on my IPad, and I love how it turned out!⁣⁣⁣ ⁣⁣⁣

I've also uploaded this design on my Redbubble account, where merch inspired by this artwork can be purchased.
⁣⁣⁣
Sticker: https://www.redbubble.com/i/sticker/After-Hours-Sticker-by-taniasharma/46917659.O9UDB?asc=u ⁣⁣⁣
⁣⁣⁣
Pin📌: https://www.redbubble.com/i/pin/The-Weeknd-After-Hours-Inspired-Merch-by-taniasharma/46917824.NP9QY⁣

Bike Rental Concept App
1. Using Pablo Stanley's "Open Peeps" free illustration library
2. Trying to create an e-commerce onboarding experience
3. Still playing around with the layout of how users would be able to select what category of bikes they are interested in

Final music concept UI design, inspired by Apple Music's UI and The Weeknd's album "After Hours.

1. Used a template kit to guide me with the design
2. Tried to adopt Apple Music's UI, by using dark mode, using coral/red on icons and fonts and more.
3. It was fun creating an interface similar to an app I use daily, might do more of this.

This is the original UI music template in the Figma freebie kit I downloaded. Used this as a guide to help me develop my music concept app, inspired by Apple's UI.

Music Concept UI - a concept of The Weeknd's new album "After Hours".

1. I downloaded some Figma Freebie Kits today that include a collection of design resources.

2. The kit came with some music app templates, so I am currently trying to explore what I can do with it

3. Trying to follow Apple's UI design by using dark mode, coral/red colored icons/fonts and more.

COVID-19 concept app design

1. Designed most of the illustrations myself, a few are from an open-source library
2. Used split complementary colors for the UI
3. Also played around with a free Figma UI kit for iOS

Screens against a white background. The original design is much cleaner and ADA compliant. This might have a few accessibility issues, but overall the colors are more pleasing.

Yoga app concept design: 3 screens completed

1. I will experiment with different colors for the design, rather than just shades of black and white. Current yoga apps in the market are very bright and colorful.

2. Used an 8 grid spacing technique for some of the layout

Added some more screens and playing around with the layout. I am using Figma to design my mockups and it is very intuitive and easy to build mockups.

Fitness UI Mockups

1. Logo design done by me using the Procreate App
2. Playing around with some linear gradients in for the mobile background using whites, greys, and blacks.
3. Not sure how I feel about the addition of the dot grid, might keep it or leave it for the final mockup
4. Color contrast for the illustrations might have to change to make it visually pleasing to the eyes
5. Font colors are ADA compliant

On March 3rd, 2019 I joined Futureland, which was one of the best decisions. All of this was because @internetVin convinced me to start a high-frequency output on this platform. Using Futureland as a tool in my everyday life has made me become a better visual artist and designer.⁣

As a visual artist/designer creating something every day for 365 days, I would never know what to create. In the beginning stages, I often looked at existing art and tried to alter them to make them my own, only to realize that this process was ineffective because I wasn’t really learning much and I was copying other art. With my outputs now, I use real photographic images as inspiration and trace over parts I want to include in my output. But altogether, I have become better at drawing and my productivity/speed has increased.⁣

Not knowing what to create and in what style often caused anxiety for me. I would always get stuck/and still feel unsure on how to determine my style. By making art every day, I came across many visual artists and read their stories. It is common for visual artists to not develop their styles early on and rather develop it after several years of making art/designs. To ease the process of “finding my style” I would use the same techniques, brushes, and color pallets often. ⁣

In creating something every day, Procreate was my best friend. You can do so much with this tool and I will probably never stop using it. At first, I would spend around 20-40 minutes creating something, and on other days I would spend 2-3 hours creating some of my designs. ⁣

By sharing my work online to the public every single day, I have become more confident in what I do. Doing an everyday project led me to some amazing opportunities like creating my own Redbubble store online where people from all around the world have been buying my art. I’ve also been selling prints to my peers, and I have started to put my designs/art on t-shirts. It is an amazing feeling to see what you have created on a screen, evolving into something physical, and this is just the beginning for me. ⁣

Thank you to everyone who has supported me along my creative journey ✨ -T.