Whether your digital platform is consumer or business based, we have a vast amount of experience in product design - creating easy-to-use tools that are also beautiful to look at.

UX & UI Product Design | Silicon Rhino

Having worked with companies of all sizes and stages, we understand how to approach digital product design in a way that will work for you.

Whether you need a simple and easy-to-use MVP interface, or a complete overhaul of your product’s look & feel, we approach every project with the care it needs, including seeking out efficiencies when it comes to implementing the build.

From wireframes to clickable prototypes, our team can help in all the stages of a design project, no matter how big or small.

A wireframe is a low-fidelity mockup of your project focusing on information hierarchy and the functionalities available to users. This is a crucial stage to establish your key user journeys.

How does a new system or new feature work? How many steps will the user need to take to achieve their goal? The aim is to design an application that is functional and easy to use.

 

Once it’s clear how everything should work it’s time to apply some colour and style to the user interface, to give it some personality and reflect your brand.

A prototype connects the various screens and actions of the UI design to demonstrate the final user flow of your product.

This enables user testing before any code is written, to allow for changes in scope at the start of the process. Doing so ensures the final build will be closer to the user's expectations while avoiding overheads.

Designing a mobile app has its own intricacies, from good practice iOS and Android interface design to understanding the subtle differences in user behaviour between web and mobile applications.

With the introduction of Progressive Web Applications in the last few years, the gap between the available functionality in mobile and web apps is smaller than ever. Nowadays it's possible to implement very rich user experiences within the browser. 

Thanks to our years of experience in web app development, our design team is capable of leveraging the latest trends and features to give users the best experience possible.

The best dashboards are those which look simple no matter how complex the data being presented is.

We have designed many dashboards with that mantra in mind, always with excellent results.

With thousands of different devices and screen sizes, designing for the web means your product should have a responsive design that looks beautiful and functional no matter which devices your users have.

When starting a new project, it’s helpful to begin with a library of the components that will make up the design. These are the building blocks of your digital product which can be combined to create more complex interfaces.

This approach improves reusability throughout the design, and helps plan for better reusability during the build, improving efficiency and consistency in both areas.

We have the experience to know what makes your users tick and what will make them want to come back to your product. Contact us for a free discussion about your design project and see how we can help.

We are not only creative, but we are also commercially grounded. We make our decisions based on our clients’ objectives and make sure we are in the sweet spot between efficiency and wow factor.

Innovator of the year (EGR Operator Awards)

Plucky engaged Silicon Rhino to define, design, and develop their idea on the need to digitalise sweepstakes. They had a clear vision: extract the experience of an office/group of friends’ sweepstakes, and make the experience relevant to modern living.

During the research stage, we identified existing digital platforms in the space. These were all email based (enter a group of emails and possible picks), so there was no interaction nor excitement in the whole experience. They also didn’t solve one of the biggest problems... organising and managing the money pot of the sweepstake.

Sweepstakes are common in the British office experience, where all participants would get together to draw names out of a hat and enjoy the friendly competition as the different picks are unveiled.

Organising a sweepstake requires a fair amount of effort, starting with finding the right amount of participants and collecting the participant fees from everyone involved. More often than not this will also mean finding last-minute participants when the sweepstake isn't full.

The social and organisational aspects of sweepstakes have become more difficult in recent years due to the rise of remote and hybrid work. Plucky wanted to relieve the coordination effort involved and bring a sense of community back to enjoy live events.

The first phase of the project was product design, which involved the ideation of the core features for the product and the interactive design (which demonstrates how users will engage with the product). Once the core mechanics were agreed upon, our team produced low-fidelity wireframes and translated them into a final UI design for implementation.

For anyone who has taken part in a sweepstake, there is something special about the ritual of drawing your random name from the hat, which is crucial to the overall experience. Our team of product designers focused on this ritual as the core of the Plucky experience.

In-person, sweepstake participants select at random from a bag of folded pieces of paper.The feeling of being in control of the outcome, while still being at the mercy of the luck of the draw, is quintessential to a sweepstake, so how can we translate it into a digital experience?

There were a lot of ideas to consider for the “picking” experience, but the one that stood out most was the  tile grid.

Showing all the options in a  grid puts control in the user’s hands, as well as allowing them to have a clear overview of all the options available before making a decision. This permitted us to introduce real-time feedback as other participants also made their picks, adding a sense of pressure and excitement to making a decision, and giving the feeling of doing it together.

By using a grid system we could also avoid any scaling issues, as a grid works with as little as 4 picks, up to as many as needed.

We toyed with the idea of having a carousel of tiles users could swipe through before selecting their pick.

While swiping around the tiles was reminiscent of the feeling of touching different papers before making a pick, it was hard to provide an overall view of how many options were available, plus see in real-time which picks were being taken.

We also debated the possibility of a dual view, allowing users to swap between the grid and the carousel but as with most things in life, simplicity is understated.

When creating new digital experiences/products, it's important to look at existing patterns your users will be familiar with, as they will intuitively know what to do in a given situation.

Once a user has decided on the tile to bring them luck, we needed to add some theatre to make it all more exciting. What is more exciting than scratching a card to see if it’s your lucky day? This is something everyone has done at some point in their lives.

Therefore we settled on a scratch card style interaction whereby the user gets prompted to scratch their pick to reveal. During the design phase, we incorporated animations such as fireworks and a moving scratch hand to enhance the experience.

One of the most exciting aspects of an office/group sweepstake is witnessing the reactions of your fellow competitors, whether they be good, or not so good - it’s all part of the fun!

So how can this be replicated in a digital setting? To solve this, once users have revealed their pick we would allow them to react with an emoji. Emojis are now such a conventional approach to expressing emotion in the digital space this felt like the simplest and most intuitive solution.  

Finally, when the draw has finished we show an animation revealing all the different picks and reactions, which aims to replicate the experience of a live draw.

Once we were confident the core experience of the product was established, we focused on designing all the different stages of a sweepstake to its digital counterpart.

Creating a sweepstake in real life can be time-consuming, so our goal was to make the experience as streamlined as possible.

Allowing users to simply select a sweepstake from a list of available events was the most frictionless option. Once the sweepstake is created the organiser can use social channels to invite the rest of the players.

We wanted to keep a sense of community and maintain the private feel of group sweepstakes, so a decision was made that users could only join a sweepstake where they had an invite code.

As we mentioned in the problems section, managing all the money in a sweepstake can be time-consuming, and even lead to arguments.

Thanks to digital payments, Plucky users can simply pay the entry fee when joining a sweepstake. This allows for several things:

Every participant in the sweepstake has added their share.



See the sweepstake pot grow as more participants join the sweepstake.



Easily keep control of how many participants the sweepstake is missing.


Before the draw, this screen serves as the sweepstake’s hub, where participants can see the other participants, the total pot increasing as more participants join, a list of all the possible sweepstake picks, and a countdown to the opening of the draw to help build anticipation and excitement.

As soon as all participants have made their picks or the draw time has elapsed, the sweepstake moves to the post draw stage.

Plucky greets all the participants with an animated carousel of which pick each player received, and their reaction to it. Next we transition to a screen with a list of all the picks, final price pot, and a countdown to the results being published.

When the results for the sweepstake event are published, Plucky users get access to a leaderboard showcasing the winner(s) and how the sweepstake pot was distributed between the participants.

If you are a winner, the prize gets added to your Plucky account, where you can withdraw it in as little as two clicks.

At Silicon Rhino we start product design projects with a workshop. It’s really important to us to deep dive into the team’s motivation to launch a new product, while also gathering information about the overall direction of the product, and design preferences.

Once the main product/feature flows have been established, the next step is to generate low-fidelity wireframes to ensure all the ideas translate well into the digital canvas.

It’s at this stage that we can try all the different options on the table and make informed decisions (via user survey or ...) about what implementation will achieve the desired result.

We then iterate on the wireframe with our clients, and once it’s been approved we start working on the high-fidelity designs the development team will implement.

This project’s biggest challenge was to design a core user journey that was in equal parts engaging, fun, easy to use, and compliant within the different regulatory frameworks (a story for another day).

Plucky's MVP launched with the original concept, and the early user engagement proved the Silicon Rhino design was a success, meaning the company could pursue further feature ideas for the digital sweepstake platform. This allowed us to revisit some of the ideas discarded in the original MVP design as we move into the next phase of product development.

The products Silicon Rhino build for regulated industries are bulletproof

Digitalising the sweepstake experience for a fun time with your friends and co-workers!

UX & UI Design

Stages

Wireframing

UX Design

UI Design

Prototypes

Our expertise

Mobile apps

Designing for the small screen

Web applications

Anything is possible

Dashboards

All about data

Website design

Responsive mobile and desktop design

Design systems

The building blocks for your platform

Plucky