This project was built with:
StoreDash: Landing Page

George Rowland

1

Brand Designer

Web Designer

UI Designer

Figma

Framer

Landing page for a SaaS company

Category: 🥗 🥘 🥑 🚴 💨
Landing page design for a SaaS company. StoreDash develops software for rapid grocery delivery startups, allowing them to operate and deliver more efficiently. This is a personal project to explore ideas and showcase my skills.
You can view a demo of the website with the link below.
Top half of landing page
Top half of landing page
Bottom half of landing page
Bottom half of landing page

Brand Identity

I wanted to get away from the colours typically found on SaaS websites and try something that was inviting and organic.
Colour palette
Colour palette

Typography

Switzer is a beautiful font family from Indian Font Foundry that feels timeless. The intention was to make the webpage feel light and spatial; to emphasise this, I avoided heavy styles, only using them for small subheaders. You can find the font here.

Logo & icon

The logo was kept sleek and minimal with the brand mark resembling an abstracted 'S'.
StoreDash logo
StoreDash logo
Icons were made to echo the qualities of the logo: simple, rounded and friendly.
Logos of associated brands and partners
Logos of associated brands and partners
Buttons
Buttons

Key Visuals

The visual design mixes floating graphics from the app with objects associated with potential users. A phone of a delivery rider calling the customer, the cups of coffee and plants found on a CEO's desk etc. The aim was to emphasise the app's efficiency and ease of use and show it how benefits a variety of roles in a company.
Image editing
Image editing
Within the 'Success Stories' image, I removed a window and added more plants. I liked the idea that the floating visuals of cacti, pens and coffee cups seen throughout the website belong on this CEO's work desk. I also added the visual of the web app the their laptop screen.
Key visual of SaaS product from the header section
Key visual of SaaS product from the header section
This is the dashboard screen of the delivery management tool that appears in the header of the website. It is a variation of the design of the Hippi web app and has a new colour scheme more in keeping with the landing page, as well as slight changes to the UI. The two user profiles were a deliberate choice so that the visual could be used in different layouts (e.g. emerging from below or from the right) whilst still having the profile image visible.

Alternative Headers

Variations of the headers explore different layouts and visuals. I wanted to experiment with other layouts and see what other possibilities were achievable. Which is your favourite?
Thanks for reading this far! If you are in need of a bespoke website, a prototype for an app or are simply looking to collaborate then I'd be more than happy to speak with you. You can reach me by hitting the button below 👇
Like this project
1

Design for a landing page for StoreDash. StoreDash is a SaaS company that develops software for rapid grocery delivery startups.

Likes

1

Views

407

Tags

Brand Designer

Web Designer

UI Designer

Figma

Framer

George Rowland

Beautiful bespoke websites that convert

Nerd+Chiq Marketing
Nerd+Chiq Marketing
Digital Marketing Mermaid: Framer Website
Digital Marketing Mermaid: Framer Website
Hippi: Web App
Hippi: Web App
Hippi: On-demand Grocery Delivery App
Hippi: On-demand Grocery Delivery App